Ciao ragazzi, finalmente ho trovato un modo di creare una galleria come piace a me!
Ancora è solo un anteprima, ma giusto per avere un idea di come funziona (è semplicissima) andate qui e cliccate sulla anteprime della colonna a destra:
http://www.ivanisevic82.com/pages/prova6.php
Per crearla ho utilizzato questo codice:
codice:
<a onclick='ShowImage("/media/Star_Grande.jpg");'>[img]/media/Star.jpg[/img]</a></p>
<a onclick='ShowImage("/media/Fluo_Grande.jpg");'>[img]/media/Fluo.jpg[/img]</a></p>
<div><img alt="" id="image" style="display: none;" /></div>
e questo js:
codice:
<script type="text/javascript">
function ShowImage( url ) {
var obj = document.getElementById('image');
if ( obj ) {
obj.src = url;
obj.style.display = 'inline';
}
}
</script>
Ora per voi ho due domande:
1) Come faccio a fare in modo che quando si apre la pagina, la prima delle immagini della galleria è già presente (in grande) nella colonna centrale?
2) Come posso aggiungere degli effetti (ad esempio transizione fade) per il passaggio da un immagine all'altra?
Devo agire sullo stesso script usato per mostrare le immagini, o devo crearne un altro apposito per gli effetti?
Grazie!