Code pour diaporama simple sur site.
RésoluS'il vous plait, quelqu'un pourrait il me donner le code html à mettre sur ma page pour insérer un diaporama silmple, le plus simple qui soit, sans fioriture ? Il figurerait sur ma banniere de site, donc il sera de petite taille.
Merci d'avance pour votre aide.
Configuration: Windows XP Internet Explorer 7.0
17 réponses
Plusieurs échanges portent sur la création d'un diaporama simple en HTML destiné à être intégré dans une bannière, avec une priorité prise sur la simplicité et l'absence de fioritures. Les réponses fournissent principalement des scripts JavaScript et des exemples HTML variant en complexité, certains réutilisant des boucles et des objets Image pour alterner les visuels et créer un diaporama. La plupart des propositions visent des configurations simples et transportables sur Windows XP et Internet Explorer 7, avec des discussions sur la gestion des liens, des images et des chemins d'accès. D'autres échanges signalent des problèmes d'affichage, d'actualisation et de compatibilité, sans aboutir à une solution unique, et évoquent des améliorations possibles comme la suppression d'effets au survol.
-
ContributeurSALUT
VOILA ;-))
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>RAD ZONE Webcreation </title> <meta name="author" content="http://radservebeer.free.fr"> <meta name="generator" content="PSPad editor, www.pspad.com"> </head> <body> <script language="JavaScript" type="text/javascript"> <!-- //chemin vers les images src = ["img1.jpg", "img2.jpg", "img3.jpg", "img4.jpg"] //les liens sur chaque images url = ["http://radservebeer.free.fr", "http://rad2.free.fr", "https://www.commentcamarche.net/", "https://www.google.fr/?gws_rd=ssl"] //temp de chaque image duration = 4; //ne rien toucher en dessous ads=[]; ct=0; function switchAd() { var n=(ct+1)%src.length; if (ads[n] && (ads[n].complete || ads[n].complete==null)) { document["Ajout_Image"].src = ads[ct=n].src; } ads[n=(ct+1)%src.length] = new Image; ads[n].src = src[n]; setTimeout("switchAd()",duration*1000); } function liens(){ location.href = url[ct]; } onload = function(){ if (document.images) switchAd(); } //--> </script> <div align="center"> <a href="javascript:liens();" onmouseover="status=url[ct];return true;" onmouseout="status=''"> <img name="Ajout_Image" src="img1.jpg" border="0" id="Ajout_Image"></a> </div> </body> </html>
RAD-
-
Bonjour RAD,
I cannot remember where I downloaded your css for watching pictures through miniatures.
First of all, thanks for this wonderful code that is exactly what I was looking for.
I just have a slight problem.
On a same page I use multiple galleries locations where I can watch pictures.
On these different locations, I have to use different galleries sizes (some with one column, some with 2, 3 or 4 columns).
The problem is when the picture is displayed on a 1 or 2 gallery columns, the thumbs on 3 or 4 gallery columns are (partially) covering the displayed picture.
What I would like is to have the displayed picture always on forefront, and never be covered by thumbs.
Any idea to to code that?
I thank you in advance. -
-
Bonjour, je viens d'utiliser ton code afin d'inserer un diaporama sur mon site.
le seul petit soucis c'est que j'aurais aimé inserer plusieurs diaporama au sein d'une même page, Sauf que dans ce cas ton code ne fonctionne plus !!!!!
je m'explique si ton code est unique sur une page, il fonctionne tres bien, mais si il est reproduit une seconde fois, plus rien ne marche....... (même plus le Diaporama N°1)
as tu une explication? -
-
