slide show

**carlomarangoni** · 20-03-2014, 00:56

Prova così

codice:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>  
<script type="text/javascript" src="jquery-1.7.min.js"></script> 
<script type="text/javascript" src="jquery.qtip.min.js"></script> 
</head>
<body>
<script type="text/javascript">// <=!=[=C=D=A=T=A=[
$(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
});
// ]=]=></script>
<div class="fadein" style="height: 156px; width: 201px;">
<img src="01.jpg" height="200" width="200" /> 
<img src="02.jpg" height="200" width="200" /> 
<img src="03.jpg" height="200" width="200" />
</div>
</body>
</html>

devi però scaricare i file jquery

**Fari** · 20-03-2014, 11:36

ho provato come hai detto tu, funziona anche se mi fa effetto dissolvenza verso ib basso ma per ora questo non importa. il problema ritorna nel momento in cui voglio la colonna laterale:

prima colonna

codice:

<div style="width:100%" align="center">
      <table style="width: 947px; height: 581px;" cellpadding="0" cellspacing="5">
        <tbody>
          <tr>
            <td><br>
            </td>
            <td style="margin-left: 100px; height: 538px;"> <img style="width: 70px; margin-top: 20px; height: 566px;"

                src="1_files/Graficacopia.jpg"

                width="50"> </td>
            <td><br>
            </td>

per la seconda colonna scrivo:

codice:

 <script type="text/javascript.js">//
$(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
});
// ]]></script>
                              <div class="fadein" style="height: 156px; width: 201px;">
                                <img style="display: block;" src="slide_files/1.jpg"

                                  height="566" width="847"><img style="display: none;"

                                  src="slide_files/2.jpg"

                                   height="566" width="847"><img style="display: none;"

                                   src="slide_files/3.jpg"

                                   height="566" width="847"> </div>
                              <div class="clear">&nbsp;</div>
                            </td>

spero di non aver pasticciato troppo...

Discussione: slide show

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio