使用Ajax / PHP一次显示两个图像

Question

So I'm basically trying to display a book-layout in a modal box with images; that is, I want to load two images at the same time, side by side in the same window. It would look something like this:

<< |0.jpg| |1.jpg| >>

<< |2.jpg| |3.jpg| >>

<< |4.jpg| |5.jpg| >>

etc etc... Viewers would be able to click NEXT and PREVIOUS to go back and forth between the pairs of images.

Is there a way to do this, or is it way too much trouble to bother with?

Any thoughts or suggestions would be greatly appreciated. Thanks in advance!

Answer 1

Unless you want to physically combine two images on your server and send them out as a single image to the user, couldn't you just have something like:

<div class="book">
   <div class="leftpage"><img src="0.jpg"></div>
   <div class="rightpage"><img src="1.jpg"></div>
</div>

with the appropriate navigation links and whatnot inserted as well.