ivanisevic82
18-05-2009, 16:54
Ciao ragazzi, mi serve una manina...
Uno uno script che mi fà visualizzare una galleria di immagini, molto semplice:
<script type="text/javascript">
function ShowImage( url ) {
var obj = document.getElementById('image');
if ( obj ) {
obj.src = url;
obj.style.display = 'inline';
}
}
</script>
Questa è la parte html
<p><a onclick='ShowImage("/media/Star_Grande.jpg");'><img src="/media/Star.jpg" alt="" /></a></p>
<p><a onclick='ShowImage("/media/Fluo_Grande.jpg");'><img src="/media/Fluo.jpg" alt="" /></a></p>
E questo è il link della galleria funzionante (solo un anteprima!): cliccata su una delle immagini a destra per vedere il funzionamento.
http://www.ivanisevic82.com/pages/prova6.php
Ora, quello che vorrei fare è semplicemente aggiungere un effetto "fade".
Quindi il passaggio da un'immagini all'altra, dovrà essere con transazioni a "sfumare".
Ora, siccome non capisco niente di javascript (il codice non ricordo nemmen dove l'ho preso! :D) potete darmi una mano e dirmi che modifiche dev effettuare?
Grazie!
Uno uno script che mi fà visualizzare una galleria di immagini, molto semplice:
<script type="text/javascript">
function ShowImage( url ) {
var obj = document.getElementById('image');
if ( obj ) {
obj.src = url;
obj.style.display = 'inline';
}
}
</script>
Questa è la parte html
<p><a onclick='ShowImage("/media/Star_Grande.jpg");'><img src="/media/Star.jpg" alt="" /></a></p>
<p><a onclick='ShowImage("/media/Fluo_Grande.jpg");'><img src="/media/Fluo.jpg" alt="" /></a></p>
E questo è il link della galleria funzionante (solo un anteprima!): cliccata su una delle immagini a destra per vedere il funzionamento.
http://www.ivanisevic82.com/pages/prova6.php
Ora, quello che vorrei fare è semplicemente aggiungere un effetto "fade".
Quindi il passaggio da un'immagini all'altra, dovrà essere con transazioni a "sfumare".
Ora, siccome non capisco niente di javascript (il codice non ricordo nemmen dove l'ho preso! :D) potete darmi una mano e dirmi che modifiche dev effettuare?
Grazie!