Script pour faire défiler des images

[Fanduweb]

Bonjour,

Je cherche un script pour faire défiler des images.

J'ai vu que la balise marquee permet de faire des défilements:

http://www.csvt.qc.ca/patriotes/html/co ... pl_mrq.htm

mais j'aimerais faire défiler des photos et non du texte

Est-ce que vous savez les modifications que je dois appliquer aux scripts indiqué sur le lien ci-dessus pour pouvoir faire défiler des photos et non du texte?

Je vous remercie pour votre réponse.

Cordialement,

Christine

[terriblement]

une autre piste : tu peux les mettre en flash

[Fanduweb]

Hello,

Faire un fichier swf?

Ben ça je sais pas faire du tout il faudrait que je trouve un tutoriel complet et détaillé pour cela.

Christine

[Yuccaman]

Il existe des logiciels pour créer des galleries photos ou des diaporama, flash ou html/php il me semble. Je n'ai pas de nom en tête mais une recherche google devrait te mener à eux.

[Fanduweb]

Rebonjour,

Alors il me semble avoir trouvé le code html pour créer mes images qui défilent:

Code: Tout sélectionner


<marquee id="scroller2" scrollamount="4" direction="left" width=700  height="280"
onmouseover="this.stop();" onmouseout="this.start()">

<table style="width: 100%">
   <tr>
      <td style="width: 193px" class="style1">
      <p align="center">
      <a target="_blank" href="http://www.forme-energie.net/image/Beckham.pdf">
      <img src="http://lifewave.online.fr/beckham.jpg" alt="David Beckham portant les patchs énergie" border="1" style="border-style: solid; border-color: inherit; border-width: 0px; width: 137px; " height="201" /></a></p>
      </td>
      <td class="style1" style="width: 17px"> <p class="style1">&nbsp;</p>
      <p class="style1">&nbsp;</p>
      <p class="style1">
      </a></p>
      </td>
      <td class="style1" style="width: 14px"><br />
      <br />
      <br />
      <br />
      </td>
      <td class="style1">
      <a target="_blank" href="http://www.forme-energie.net/image/natation.jpg">
      <img src="http://www.forme-energie.net/image/Phelps.jpg" width="148" height="163" class="style2" /></a><br />
      <br />
      <br />
      </td>
      <td class="style1"><br />
      <br />
      <br />
      <br />
      <br />
      </td>
      <td class="style1" style="width: 18px">&nbsp;</td>
      <td class="style1">
      <a target="_blank" href="http://www.forme-energie.net/image/chevaux2.JPG">
      <img src="http://www.forme-energie.net/image/chevaux.jpg" width="229" height="151" class="style2" /></a><br />
      <br />
      </td>
      <td class="style1">&nbsp;</td>
      <td class="style1">&nbsp;</td>
      <td class="style1">
      <span style="font-size: 10pt; color: rgb(0, 0, 0); font-family: Century Gothic;">
      <a target="_blank" href="http://www.forme-energie.net/image/tourdefrance.jpg"><img src="http://www.forme-energie.net/image/tourdefrance1.jpg" alt="Bobby Julich portant les patchs énergie lors du Tour de France 2006" border="1" style="border-style: solid; border-color: inherit; border-width: 0px;" width="187" height="144" /></a></span></td>
      <td class="style1">&nbsp;</td>
      <td class="style1">
      <a target="_blank" href="http://secure.lifewave.com/news/pdf/nfl02.pdf">
      <img border="0" src="http://secure.lifewave.com/news/images/nfl02.jpg" width="116" height="183" /></a></td>
      <td class="style1">&nbsp;</td>
      <td class="style1">&nbsp;</td>
      <td class="style1">
      <a target="_blank" href="http://secure.lifewave.com/news/pdf/japath02-04.pdf">
      <img border="0" src="http://secure.lifewave.com/news/images/japath03.jpg" width="124" height="185" /></a></td>
      <td class="style1">&nbsp;</td>
      <td class="style1">&nbsp;</td>
      <td class="style1">
      <a target="_blank" href="http://secure.lifewave.com/news/pdf/gensport_GayleStammer.pdf">
      <img border="0" src="http://secure.lifewave.com/news/images/gensport_GayleStammer.jpg" width="98" height="179" /></a></td>
      <td class="style1">&nbsp;</td>
      <td class="style1">&nbsp;</td>
      <td class="style1">
      <a target="_blank" href="http://secure.lifewave.com/news/pdf/gensport_WayneMcCullough01-03.pdf">
      <img border="0" src="http://secure.lifewave.com/news/images/gensport_WayneMcCullough02.jpg" width="97" height="179" /></a></td>
      <td class="style1">&nbsp;</td>
      <td class="style1">&nbsp;</td>
      <td class="style1">
      <a target="_blank" href="http://secure.lifewave.com/news/pdf/gensport_MarkEichhorn.pdf">
      <img border="0" src="http://secure.lifewave.com/news/images/gensport_MarkEichhorn.jpg" width="128" height="176" /></a></td>
   </tr>
   <tr>
      <td style="width: 193px" class="style4"><span class="style5"><strong><br />
      Football<br />
      David Beckham</strong></span></td>
      <td class="style6" style="width: 17px"> <strong> <br />
      </strong>
      </td>
      <td class="style6" style="width: 14px"><strong><br />
      </strong>
      </td>
      <td class="style6"><strong>Natation<br />
      Equipe américaine de natation</strong></td>
      <td class="style6"><strong></strong></td>
      <td class="style6" style="width: 18px"><strong></strong></td>
      <td class="style6"><strong>Hippisme</strong></td>
      <td class="style6"><strong></strong></td>
      <td class="style6"><strong></strong></td>
      <td class="style4"><span class="style5"><strong>Cyclisme<br />
      Bobby Julich</strong></span></td>
      <td class="style6"><strong></strong></td>
      <td class="style4"><span class="style5"><strong><br />
      Football américain<br />
      Chicago Bears</strong></span><strong><span class="style5"><br />
      </span></strong></td>
      <td class="style6"><strong></strong></td>
      <td class="style6"><strong></strong></td>
      <td class="style4"><strong><span class="style5">Marathon </span>
      </strong><span class="style5"><strong><br />
      </strong></span><span class="style5"><strong>Kayoko Fukushi</strong></span></td>
      <td class="style6"><strong></strong></td>
      <td class="style6"><strong></strong></td>
      <td class="style4"><span class="style5"><strong>Volley ball<br />
      </strong></span><span class="style5"><strong>Gayle Stammer</strong></span></td>
      <td class="style6"><strong></strong></td>
      <td class="style6"><strong></strong></td>
      <td class="style6"><strong>Boxe<br />
      Wayne McCullough</strong></td>
      <td class="style1">&nbsp;</td>
      <td class="style1">&nbsp;</td>
      <td class="style4"><strong><span class="style5">Toronto Blue Jays</span></strong><span class="style5"><strong><br />
      Mark Eichhorn</strong></span></td>
   </tr>
</table></marquee>


en revanche mes images ne défilent pas du tout sur internet explorer alors que ça fonctionne très bien avec mon navigateur actuel maxthon et firefox....

vous savez ce que je dois modifier dans mon code pour que ça fonctionne comme il faut sur tous les navigateurs car c'est embetant que sur IE c'est comme si j'avais pas du tout les balises marquee mais mis toutes mes images les unes à coté des autres.....

http://www.lien supprimé/

alors que les images qui défilent à la verticale sous la photo rouge en bas à gauche de la page défilent comme il faut que ce soit sur IE ou sur les autres navigateurs ce qui n'est pas le cas des photos qui se trouvent tout en haut de ma page....

Si l'un de vous a une idée de ce que je dois corriger pour que cela s'affiche comme il faut aussi avec IE.....

Merci d'avance pour votre aide.

Cordialement,

Christine

édit Pac : lien effacé...

[Fanduweb]

C'est bon j'ai recréé mon code avec dreamweaver et la apparemment ca s'affiche bien sur IE et sur Firefox.

Apparemment j'ai des problèmes d'affichages plus souvent sur Firefox que sur IE quand j'édite mes pages avec Expression Web designer alors qu'avec dreamweaver j'ai nettement moins de problème d'affichage sachant que je travaille quasi tout le temps avec le mode création des deux logiciels....

Expression webdesigner serait-il moins fiable que dreamweaver pour que je corrige régulièrement avec DW?

Christine

[terriblement]

sache que tes logiciels ne respectent surement pas le w3c, de plus, ton site sera moins bien reconnu par google car il va peut etre manquer certaines choses (comme des titres clairs par exemple)

[Pac428]

Bonjour Christine.
Maintenant que ça marche, je supprime ton lien
pour rester conforme à la Charte.
Bonne continuation et ++