Ciao a tutti, ho un problema che non riesco a risolvere, è da poco che studio javascript/jquery,
forse qualcuno esperto mi potrà aiutare, il problema è il seguente;
vorrei che nella slideshow che ho realizzato, quando cambiano le immagini, cambiassero anche i relativi link che stanno al di sotto.
vi posto di seguito il codice jquery e html.
Grazie a colui che risolverà il mio problema....
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var attuale=1;
$('#slide img').bind('click', slide);
function slide(){
var selettore='.'+attuale;
var selettorelink="#".attuale+"link";
var successivo=attuale+1;
var selettore2='.'+successivo;
var selettore3="#"+successivo+"link";
if(attuale>4){
$(selettore).fadeOut(500, function(){$('.1').fadeIn(500);})
$(selettorelink).fadeOut(500, function(){$('#link1').fadeIn(500);})
attuale=1;
}
else{
$(selettore).fadeOut(500, function(){$(selettore2).fadeIn(500);})
$(selettorelink).fadeOut(500, function(){$(selettore3).fadeIn(500);})
attuale++;
}
}});
</script>
</head>
<body>
<div id="layout">
<div id="slide">
[img]img/1_img.jpg[/img]
1Link
[img]img/2_img.jpg[/img]
2Link
[img]img/3_img.jpg[/img]
3Link
[img]img/4_img.jpg[/img]
4Link
[img]img/5_img.jpg[/img]
5Link
</div>
</div>
</body>
</html>

Rispondi quotando