Ciao, io ho questo codice HTML:
E questo codice Jquery:codice:<div class="testo_title_portfolio"> <h1>Sito Fotomodella</h1> </div> <div class="testo_title_portfolio_1"> <h1>Sito Venditore LR</h1> <div class="testo_pagina_portfolio"> <div id="slides"> <div class="slides_container"> <div class="slide"> [img]img/big/Jey_1.jpg[/img] <div class="caption" style="bottom:0"> Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato Tempo di realizzazione impiegato: 10 giorni</p> </div> </div> <div class="slide"> [img]img/big/Jey_2.jpg[/img] <div class="caption" style="bottom:0"> Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato Tempo di realizzazione impiegato: 10 giorni</p> </div> </div> <div class="slide"> [img]img/big/Jey_3.jpg[/img] <div class="caption" style="bottom:0"> Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato Tempo di realizzazione impiegato: 10 giorni</p> </div> </div> <div class="slide"> [img]img/big/Jey_4.jpg[/img] <div class="caption" style="bottom:0"> Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato Tempo di realizzazione impiegato: 10 giorni</p> </div> </div> </div> [img]img/arrow-prev.png[/img] [img]img/arrow-next.png[/img] </div> </p> </div> <div class="testo_pagina_portfolio_1"> <div id="slides"> <div class="slides_container"> <div class="slide"> [img]img/big/Jey_1.jpg[/img] <div class="caption" style="bottom:0"> Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato Tempo di realizzazione impiegato: 10 giorni</p> </div> </div> <div class="slide"> [img]img/big/Jey_2.jpg[/img] <div class="caption" style="bottom:0"> Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato Tempo di realizzazione impiegato: 10 giorni</p> </div> </div> <div class="slide"> [img]img/big/Jey_3.jpg[/img] <div class="caption" style="bottom:0"> Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato Tempo di realizzazione impiegato: 10 giorni</p> </div> </div> <div class="slide"> [img]img/big/Jey_4.jpg[/img] <div class="caption" style="bottom:0"> Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato Tempo di realizzazione impiegato: 10 giorni</p> </div> </div> </div> [img]img/arrow-prev.png[/img] [img]img/arrow-next.png[/img] </div> </div>
codice:function link1() { if($link2==1) { $(".testo_pagina_portfolio_1").fadeOut(800); setTimeout(function(){$(".testo_pagina_portfolio_1").css("display", "none")}, 801); $link2=0; } setTimeout(function(){$(".testo_pagina_portfolio").fadeIn(800)}, 810); $link1=1; } function link2() { if($link1==1) { $(".testo_pagina_portfolio").fadeOut(800); setTimeout(function(){$(".testo_pagina_portfolio").css("display", "none")}, 801); $link1=0; } setTimeout(function(){$(".testo_pagina_portfolio_1").fadeIn(800)}, 810); $link2=1; }
In poche parole: quando clicco su "sito fotomodella", parte la funzione link1(), che mi fa fadeout della div con classe "testo_pagina_portfolio_1" e il fadein del div con classe "testo_pagina_portfolio".
Al contrario, cliccando su Sito venditore LR, parte la funzione link2(), che mi fa fadeout del div con classe "testo_pagina_portfolio" e il fadein del div con classe "testo_pagina_portfolio_1".
Il problema pero è questo. Sia il fadeout che il fadein della classe "testo_pagina_portfolio_1" non funzionano. O meglio, funziona solo se all'interno del div "testo_pagina_portfolio_1" inserisco del testo. Se inserisco tutto il codice sopra, funziona solo questa parte di codice ([img]img/arrow-prev.png[/img][img]img/arrow-next.png[/img]). In pratica, le ultime righe funzionano sia con il fadein che con il fadeout, ma tutto il resto (cioè quello dentro al div con classe "slides_container" non funziona.
PS: solo per quanto riguarda il div con classe "testo_pagina_portfolio_1". L'altro div con classe "testo_pagina_portfolio" funziona perfettamente sia in fadein che in fadeout.
Grazie

Rispondi quotando