[effetto jcarousel] Problema con recupero ultima immagine

[mosquito70]

Ciao a tutti,
sicuramente il titolo del 3D non è dei più appropriati, e quindi spero di spiegarmi meglio descrivendolo nei dettagli.

Utilizzo la libreria "jcarousel" (http://billwscott.com/carousel/) ma con un problema che non sono riuscito a risolvere.
L'ho adattato in modo tale da poter scorrere le immagini, presentare una anteprima di ognuna e poi permettere di ingrandirle.

Questo l'effetto, sul sito che sto sviluppando http://rs.rolandsanden.com/index.php?link=fotos (ancora in fase di test).

Il problema è questo:
Quando clicco su una delle miniature successive a quelle che si visualizzano all'apertura del menu, ho necessità di ricaricare la pagina e quindi di conseguenza mi perdo il puntamento alla miniatura che stavo visualizzando.
Il che è chiaramente poco piacevole, perchè obbliga a scorrere di nuovo tutte le miniature per raggiungere quella appena scelta.

Il codice (che potete visualizzare direttamente dalla pagina) è questo, dove ometto la parte css che non interessa.

In rosso indico la funzione che sto cercando di modificare, recuperando il nome della foto dalla variabile (in chiaro) foto.

Chiaramente non ci riesco, e vorrei da voi un suggerimento.

Grazie in anticipo per aver letto fin qua.

ciao

<script type="text/javascript">
	var mycarousel_itemList = [
			{url: "images/foto/album01/foto01_little.jpg", title: "Mare01"},
			{url: "images/foto/album01/foto02_little.jpg", title: "Mare02"},
			{url: "images/foto/album01/foto03_little.jpg", title: "Mare03"},
                         .... etc... le altre foto...
			{url: "images/foto/album01/foto30_little.jpg", title: "Mare10"},
			];


			
function mycarousel_itemLoadCallback(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > mycarousel_itemList.length) {
            break;
        }

        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
    }
};

 

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
	/*
	** PB
	** il link deve avere il nome dell'immagine medium, invece che _little
	** Uso Replace, chiaramente solo nel tag a
	*/
	/*
	** link_medium = item.url.replace("little","medium");
	** link_medium = 01
	*/

	numealbum = item.url.substr(17,2);
	numefoto = item.url.substr(24,2);

    return '[img]' + item.url + '[/img]';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        size: mycarousel_itemList.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
});

</script>

...
	<div id="fotos_footer">
		  <ul id="mycarousel" class="jcarousel-skin-ie7">
		    
		[/list]
	</div>
...

[mosquito70]

Scusate se ripropongo questo mio problema, ma non riesco a trovare la soluzione.

Avete qualche suggerimento da darmi?

Grazie
ciao

[cavicchiandrea]

Invece di ricaricare la pagina in querystring (per mostrare la foto grande) fai una chiamata ajax!

[mosquito70]

Originariamente inviato da cavicchiandrea
Invece di ricaricare la pagina in querystring (per mostrare la foto grande) fai una chiamata ajax!

Da poche settimane ho cominciato a studiarlo, ma non so bene come applicarlo in questo caso.


E' troppo se ti chiedo di farmi un esempio, per risolvere questo problema?

grazie per la risposta.
Ciao

[cavicchiandrea]

Ti segnalo l'ottima guida di html.it che trovi qui oppure visto che fai già uso di jquery cerca sul sito qualcosa che possa fare al caso tuo.