Faire défiler une suite d'image...
TommyHook
Messages postés
69
Date d'inscription
Statut
Membre
Dernière intervention
-
TommyHook Messages postés 69 Date d'inscription Statut Membre Dernière intervention -
TommyHook Messages postés 69 Date d'inscription Statut Membre Dernière intervention -
Bonjour, Je souhaiterais savoir comment faire défiler plusieurs icône (de taille 100x80) sur une image.
Comme ceci par exemple
https://avatars.imvu.com/Nezaro
Merci à tous pour votre aide.
Comme ceci par exemple
https://avatars.imvu.com/Nezaro
Merci à tous pour votre aide.
A voir également:
- Comment faire défiler plusieurs images en html
- Editeur html - Télécharger - HTML
- Des images - Guide
- Espace en html ✓ - Forum HTML
- Visualisez cette image avec un logiciel d'édition d'images. combien y a-t-il de pixels noirs sur le camion ? ✓ - Forum Python
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
8 réponses
Je pense que tu as du trouver un "slideshow" en javascript. Pour que ça marche il faut que tu intègres les liens vers les fichiers JS dans ta page HTML entre les balises <head>. C'est pas obligé que ça soit absolument placé ici mais c'est d'usage. Normalement il devrait avoir un lien aussi vers un fichier css où là tu pourras modifier l'espace entre les images. S'il n'y a pas de lien vers un css, il faut que tu vois dans le ou les fichiers javascript (js). Encore une chose il te faudra aussi placer le code html dans ta page où tu veux voir apparaître ton "slideshow".
J'ai trouver ce code que j'ai modifier.
<HTML>
<HEAD>
<TITLE>Votre titre</TITLE>
</HEAD>
<BODY>
<div>
<TABLE>
<TR><TD>
<marquee id="scroller" scrollamount="5" direction="up" vspace="3" width=150 height=300 bgcolor="transparent"
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()">
<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://www.imvu.com/shop/product.php?
products_id=10408887'><img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100"
height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
</marquee>
</TD></TR>
</TABLE>
</div>
</BODY>
</HTML>
Seulement j'aimerais insérer un espace entre chaque images et que chaque images guide vers un lien différent. Je changerais les images plus tard c'etait pour un test la mais normalement chaque images sera différentes. Et j'aimerais pouvoir intégré ce défilement sur une image ou j'ai laisser un emplacement.
Comme sur le site indiqué.
<HTML>
<HEAD>
<TITLE>Votre titre</TITLE>
</HEAD>
<BODY>
<div>
<TABLE>
<TR><TD>
<marquee id="scroller" scrollamount="5" direction="up" vspace="3" width=150 height=300 bgcolor="transparent"
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()">
<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://www.imvu.com/shop/product.php?
products_id=10408887'><img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100"
height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
<img src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"><br>
</marquee>
</TD></TR>
</TABLE>
</div>
</BODY>
</HTML>
Seulement j'aimerais insérer un espace entre chaque images et que chaque images guide vers un lien différent. Je changerais les images plus tard c'etait pour un test la mais normalement chaque images sera différentes. Et j'aimerais pouvoir intégré ce défilement sur une image ou j'ai laisser un emplacement.
Comme sur le site indiqué.
Bonjour,
suffit de taper sur google "defilement image verticalement" et tu as de nombreux résultats intéressants :
http://www.lecodejava.com/lecode106.html
suffit de taper sur google "defilement image verticalement" et tu as de nombreux résultats intéressants :
http://www.lecodejava.com/lecode106.html
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Et j'aimerais ensuite placer ce code qui permet de faire defiler les images sur une autre image mappée ou une image simple je verrais. A quel endroit devrais je insérer ce code ?
D'accord c'est une balise, attention je crois que ça marche pas avec tous les navigateurs et est déconseillée par le W3C.
Sinon tu peux coder comme ça :
- style inside :
<a href="http://www.ton_lien.html"><img style="margin-bottom:10px" src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"></a>
- avec feuille de style externe (css) :
<a href="ton_lien.html"><img class="img_slider" src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"></a>
css : .img_slider{margin-bottom:10px}
Sinon tu peux coder comme ça :
- style inside :
<a href="http://www.ton_lien.html"><img style="margin-bottom:10px" src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"></a>
- avec feuille de style externe (css) :
<a href="ton_lien.html"><img class="img_slider" src='http://img827.imageshack.us/img827/9395/hoodyrng.gif' border='0'" width="100" height="80"></a>
css : .img_slider{margin-bottom:10px}
