loading, scrolling , zoom in and zoom out the images like google map
<p>I am working on a web application. i just wanna know the way to do it. its just like a map application, but not the map.</p>

<p>i need to display 100 images on the webpage inside a div from mysql database. each image would display on a specific predefine tile. i wants the following functionalists. </p>

<ol>
<li>loading of the images(not the all image)</li>
<li>zoom in and zoom out. update the images like a map.</li>
<li>scrolling. update the images like a map.</li>
</ol>

<p>a. my div can only displays 25 images. i wants to load only 25 images in that area. remaining images should load on scroll or zoom in and out.</p>

<p>b. if user clicks on "zoom in" then it should load and shows the next layer of big images like in google map and if i click on zoom out then it shows the previous layer of small images.</p>

<p>can anyone give me the idea how to build this application. I have checked OpenLayers, geo server and ajax-zoom already. i dont wants to go for geo-server as its not the mapping application. but i need the same functionality of map. shall i use jquery plugins to do this.</p>

<p>Please help</p>

<p>Regards,
Asif Hameed</p>
