Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Il ciclo sulle frasi.

  1. #1

    Il ciclo sulle frasi.

    Ho due immagini e due frasi in una tabella.

    codice:
    <script type="text/javascript">
    $(function(){
        $('#show1 img:gt(0)').hide();
        setInterval(function(){$('#show1 :first-child').fadeOut().next('img').fadeIn().end().appendTo('#show1');}, 10000);
    });
    </script>
    
    <td>
    <div id="show1"  class="fadein" style="max-height: 97px; width: 216px;">  
    <img style="max-height: 70px; max-width: 216px;" src="http://www.laugher.it/wp-content/themes/twentythirteen/images/miadieta.png" />
    <img style="max-height: 70px; max-width: 216px;" src="http://www.laugher.it/wp-content/themes/twentythirteen/images/prclickanimali.png" />
    </div>
    
    <div class="clear">&nbsp;</div>
    
    </td>
    
    <td>
    <p>Prova1</p>
    <p>Prova2</p>
    </td>
    Le immagini vanno in ciclo tranquillamente. Però non riesco a far andare in ciclo le frasi. Avete suggerimenti?

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Se il .js è all'inizio della pagina racchiudi il codice tra

    $(document).ready(function(){
    //codice

    });

    Poi, non ne vedo che stai animando delle frasi, solo le immagini.

    Perché invece non animi due div dove metti dentro l'immagine + le frasi?
    Per una bella risata vai QUI

  3. #3
    Fatto:

    codice:
    <script type="text/javascript">
    $(function(){
        $('#show1 img:gt(0)').hide();
        setInterval(function(){$('#show1 :first-child').fadeOut().next('img').fadeIn().end().appendTo('#show1');}, 10000);
    });
    </script>
    
    <div id="show1"  class="fadein" style="max-height: 97px; width: 216px;"> 
     
    <img style="max-height: 70px; max-width: 216px;" src="http://www.laugher.it/wp-content/themes/twentythirteen/images/miadieta.png" />
    
    <img style="max-height: 70px; max-width: 216px;" src="http://www.laugher.it/wp-content/themes/twentythirteen/images/prclickanimali.png"/>
    seguito da:

    codice:
    <script type="text/javascript">
    $(function(){
        $('#show2 p:gt(0)').hide();
        setInterval(function(){$('#show2 :first-child').fadeOut().next('p').fadeIn().end().appendTo('#show2');}, 10000);
    });
    </script>
    
    <div id="show2"  class="fadeindue" style="max-height: 97px; width: 216px;">  
    
    
    <a href="http://check-up-pesoforma.info#a_aid=51f0f012ad35f&a_bid=0b7ae1ee" target="_blank"/><p>Sovrappeso? Clicca qui, fai il test e scopri il tuo peso forma è Gratis!</p></a>
    <a href="http://www.prclick.it/pr_online.php?a_aid=51f0f012ad35f&a_bid=d6f62c00" target="_blank"/><p>Guadagna subito 3 centesimi per ogni click con Facebook,Twitter,Google ecc</p></a>
    Ora girano tutte. Ho cambiato i riferimenti della funzione da uno a due.

    Ora mi resta un solo problema, ma apro un thread a parte. Grazie mille.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.