Forum libero

http://myzone.heliohost.org/insulae/

La presentazione è gestita da uno script che definisce le funzioni prev() e next() azionate dalle freccine. Ad ogni clic sulla freccia, la corrispondente funzione cambia via CSS l'immagine di sfondo della div#p1, quindi il contenuto, quindi esegue eventualmente un'azione sul contenuto.

Per prima cosa vorrei che le immagini fossero precaricate, in modo da evitare di attendere con lo sfondo vuoto tra una schermata e l'altra. Potrei definire un colore di sfondo, che nel demo ho tolto per mostrare meglio la transizione.
Ho una mezza idea da provare, ma ogni suggerimento è benvenuto.

Quindi vorrei, per risparmiare banda, che lo script che gestisce la presentazione, e le immagini, fossero caricati solo se l'utente clicca una prima volta su un pulsante freccia. Invece di definire gli onclick delle frecce come prev() e next() già nella pagina, cliccare sulle frecce dovrebbe caricare lo script che quindi precarica le immagini e ridefinisce i comportamenti delle frecce come prev() e next().
Non ho idea di come fare perché non ho mai usato AJAX.

Infine vorrei temporizzare le azioni. Nel passaggio tra la penultima e l'ultima slide la funzione prev() o next() eval()uta istruzioni contenute nell'array a, che spostano in alto due paragrafi e ne fanno comparire un terzo. L'azione però è così rapida da apparire istantanea, invece vorrei vedere l'animazione.
Come si introduce un ritardo di tot millisecondi nel punto voluto?

Usare eval() è male?

* * *

Prego prendere il numero e rispondere senza accalcarsi.