Discussion :

[patricx]

Bonsoir à tous
s'il vous plait je voudrais inserer une diapo de photo dans un site web
je suis l'exemple ci contre http://designm.ag/tutorials/image-rotator-css-jquery/

voici mon code en piece jointe
il suufit de mettre sans le dosssier une image Hydrangeas.jpg
Merci de me proposer une solution

[blade159]

voici une solution :

Nouveau dossier.zip

[patricx]

Bonjour et surtout merci pour la solution j'aimerais savoir à quel niveau se situait le problème Merci encore

[blade159]

voilà quelques-unes des modifications :

• suppression du bloc en double

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<div  class="main_image">
    <img src="Hydrangeas.jpg" alt="" />
    <div class="desc">
        <a href="#" class="collapse">Close Me!</a>
        <div class="block">
            <h2>Title</h2>
            <small>Date</small>
            <p>Copy</p>
        </div>
    </div>
</div>

• suppression des balises <li> en trop

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
        </li>
        </li>
        </li>

• et surtout, ajout du code suivant pour la détection du chargement du DOM

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
$(document).ready(function() {    
 
...
 
});

plus d'autres petites modifications...

[patricx]

Bonsoir,
s'il vous plait dans la solution ci dessus l' image de la diapo principale changent au clic sur les images qui sont sur le coté j'aimerais que ça change de façon dynamique mais j'arrive toujours pas à trouver une solution

merci de m'en proposer une