ah no?
a me funzionava, però non potevo vedere le immagini perché non le avevo mi basavo sul cambio del ALT.
il pop up che ti viene fuori è perché per sbaglio ho lasciato un alert di controllo per vedere se la funzione passava un valore giusto basta toglierlo per farlo sparire.
cmq...
Codice PHP:
<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='.s'+attuale;
var selettorelink="#".attuale+"link";
var successivo=attuale+1;
var selettore2='.s'+successivo;
var selettore3="#"+successivo+"link";
if(attuale>3){
$(selettore).fadeOut(500, function(){$('.1').fadeIn(500);})
$(selettore).next("a").fadeOut(500, function(){$('#link1').fadeIn(500);})
attuale=1;
}
else{
$(selettore).fadeOut(500, function(){$(selettore2).fadeIn(500);})
$(selettore).next("a").fadeOut(500, function(){$(selettore3).fadeIn(500);})
attuale++;
}
}});
</script>
</head>
<body>
<div id="layout">
<div id="slide">
[img]progetti/ABA_-/215diesel_1.jpg[/img]
[url="#"]1Link[/url]
[img]325index_diesel1.jpg.jpg[/img]
[url="#"]2Link[/url]
[img]progetti/ainom/maino_index.jpg[/img]
[url="#"]3Link[/url]
</div>
</div>
</body>
Per ovviare al problema ha provato a cambiare le CLASSI DELLE IMMAGINI nn lasciando solo un numero...
[le immagini che ho linkato sono mie non centrano nulla m servivano per vedere se funzionavano... e funzionano]...
Prova e dimmi.
---- ALTRIMENTI ----
Questo è la funzione da mettere nella head:
Codice PHP:
function last_slider(){
var act = $j('#down_contet').find(".active");
var nex = $j(act).next();
$j(act).fadeOut(1000);
if($j(act).hasClass("last")){
$j(act).removeClass('active');
$j("#down_contet ul li:first-child").addClass('active').fadeIn(1000);
}else{
$j(nex).addClass('active').fadeIn(1000);
$j(act).removeClass('active');
}
}
Questo è il codice HTML + JS che devi mettere nel body:
Codice PHP:
<div id="down_contet">
<ul class="latestnews_ultimenotizie">
<li class="">
<img />
<a></a>
<li class="">
<img />
<a></a>
[/list]
<script type="text/javascript">
$j(window).load(function(){
$j("#down_contet li").css("display","none");
$j("#down_contet li").last().addClass("last");
$j("#down_contet li").first().addClass("active").css("display","block");
setInterval( "last_slider()", 3000 );
});
</script>
</div>
Modificando il CSS puoi fare in modo che la slide sia migliore.
E la cosa buona è che la slide avviene sul[*] della lista quindi puoi mettere quello che vuoi al suo interno la slide funzionerà a prescindere.
esempio: http://www.ggrcomo.it
Rispondi quotando
