mira, en estas tres lineas lo unico que ahce es asignar a los respectivos DIVs la informacion que tiene que mostrar
Código:
$('info').innerHTML = '2/23';
$('caption').innerHTML = 'tejo / portugal';
$('main').style.backgroundImage = 'url(portfolios/lifestyle/lissbruecke.jpg)';
mira, el XHTML
Código:
<div id="main" style="display:none">
<div id="info"> </div>
<div id="caption"> </div>
<div id="arrow-left" onclick="prevImage()"> </div>
<div id="arrow-right" onclick="nextImage()"> </div>
<div id="content"> </div>
<div id="s1" style="position:absolute;background-color:#fff;top:0;left:0;width:888px;height:453px"> </div>
</div>
con AJAX hace la peticion de esa informacion, el servidor le regresa el codigo que te puse arriba, luego ejecutando esa funcion recibida va a poner esa informacion, dejando come resultado algo como esto:
Código:
<div id="main" style="display:none;background-image:url('portfolios/lifestyle/lissbruecke.jpg');">
<div id="info"> 2/23 </div>
<div id="caption">tejo / portugal</div>
osea, en resumen lo unico que ahce es cambiar la informacion y ya
have funnnnnn