Malgré ma recherche, je n'ai rien trouvé se rapprochant suffisament de ce que je veux !
( http://www.javascriptfr.com/recherche.aspx?r=menu+d%e9roulant+image )
D'ou la création du topic ...
Pour en revenir au topic , j'ai donc ma base toute simple en HTML :
[code]
<div class="texte_une">
<h1 title="La semaine barcelonaise par Tedd">Le match du Barca par TEDD</h1>
<p>Nouveau sur Fcbarcelone : retrouvez l'analyse du match vue par notre chroniqueur Tedd.</p>
</div>
</a></div>
<div class="la_une hidden" id="tab_une2"><a href="http://www.fcbarcelone.1s.fr"><img style="position: absolute;top: 0px;left: 0px;" width="9" height="8" src="http://www.fcbarcelonaclan.com/images/blasons/blason_fcbarcelone.gif" alt="cache Une gauche"/> <img width="504" height="260" src="http://www.lephoceen.fr/images/banniere/gerets_benarfa.jpg" alt="L'entraîneur de l'OM a accepté de revenir en détails sur l'affaire Ben Arfa, histoire de clarifier celle-ci et de mettre par là même un terme à la polémique..."/> <img style="position: absolute;top: 0px;right: 0px;" width="9" height="8" src="http://www.lephoceen.fr/images/layout/une_blanc_haut_droit.png" alt="cache Une droit"/> <h3 title="27/10 - Actualité : Le FCB victorieux">27/10 - Actualité : Encore une victoire</h3>
<div class="texte_une">
<h1 title="L'affaire Henry">L'afaire HENRY...</h1>
<p>Le joueur a bien voulu parler avec la presse sans pour autant ouvrir une polémique...</p>
</div>
</a></div>
<div class="la_une hidden" id="tab_une3"><a href="http://www.fcbarcelone.site90.net"><img style="position: absolute;top: 0px;left: 0px;" width="9" height="8" src="http://www.lunivers-de-lentraineur.com/images/stories/FM2007/testsequipes/UDElogo_FCBarcelone.png" alt="cache Une gauche"/> <img width="504" height="260" src="http://www.lephoceen.fr/images/banniere/banniere_phoceendumatch_v2.jpg" alt="Après la défaite contre le PSG, retrouvez qui a été élu "Phocéen du match"... Retrouvez aussi le nouveau classement général des joueurs Olympiens."/> <img style="position: absolute;top: 0px;right: 0px;" width="9" height="8" src="http://www.lephoceen.fr/images/layout/une_blanc_haut_droit.png" alt="cache Une droit"/> <h3 title="27/10 - Actualité : Après les déclarations d'HENRY">27/10 - Actualité : La situation d'HENRY</h3>
<div class="texte_une">
<h1 title="Et le catalan du match" est...">Et le "catalan du match" est...</h1>
<p>Après la large victoire d'hier, retrouvez qui a été élu "Catalan du match"... Retrouvez aussi le nouveau classement général des joueurs ....</p>
</div>
</a></div>
<div class="la_une hidden" id="tab_une4"><a href="http://www.fcbarcelone.site90.net/index2.php"><img style="position: absolute;top: 0px;left: 0px;" width="9" height="8" src="http://www.frenchtouch.org/clubs/FC%20Barcelone.gif" alt="cache Une gauche"/> <img width="504" height="260" src="http://www.lephoceen.fr/images/banniere/081026_om_psg.jpg" alt="Malgré un visage totalement différent de celui affiché à Eindhoven, les Olympiens ont concédé leur seconde défaite en deux matchs. L'OM plonge dans le doute..."/> <img style="position: absolute;top: 0px;right: 0px;" width="9" height="8" src="http://www.lephoceen.fr/images/layout/une_blanc_haut_droit.png" alt="cache Une droit"/> <h3 title="27/10 - Liga - Analyse du match ">27/10 - Ligua, Analyse</h3>
<div class="texte_une">
<h1 title="MAGNIFIQUE !">Ce barca fait rêver</h1>
<p>Encore un match au score pharaonique , ça devient une habitude pour Messi et ses coéquipiers ...</p>
</div>
</a></div>
<div class="la_une hidden" id="tab_une4"><a href="http://www.fcbarcelone.1s.fr"><img style="position: absolute;top: 0px;left: 0px;" width="9" height="8" src="http://www.football365.fr/mediastore/foot/images/ecussons/espagne/picto_barcelone.gif" alt="cache Une gauche"/> <img width="504" height="260" src="http://www.lephoceen.fr/images/banniere/081026_om_psg.jpg" alt="Encore un énorme match de cette merveilleuse equipe du Barca , en déplaise à ceratin."/> <img style="position: absolute;top: 0px;right: 0px;" width="9" height="8" src="http://www.lephoceen.fr/images/layout/une_blanc_haut_droit.png" alt="cache Une droit"/> <h3 title="27/10 - Liga - Analyse du match ">27/10 - Ligua, Analyse</h3>
[/code]
Ensuite j'ai " découpé " mon code en plusieurs parties :
- La base html donc ;
- Rajouter du PHP pour que quand la souris passe l'image s'aggrandisse.
- Rajouter du PHP pour que " ça tourne " tout seul, que se soit dynamique.
- Faire que tout soit " propre " dans un bloc.
Pour la partie PHP j'ai cherché sur le forum, trouvant çà se raprochant le plus de ce que je veux:
http://www.javascriptfr.com/codes/LOUPE-SUR-IMAGE-PASSAGE-SOURIS_38424.aspx ( zoom images )
http://www.javascriptfr.com/codes/DIAPORAMA-IMAGES-AVEC-LIENS_15955.aspx ( déroulement images )
Voila , je pense avoir les bon code , mais ce qui me manque c'est ce qui va faire que tout va " séassembler " pour bien fonctionner comme sur le site de mon premier post ...
Encore merci , cordialement.