Integrer diaporama dans page html
Résolu
MarieLN-ny
Messages postés
31
Date d'inscription
Statut
Membre
Dernière intervention
-
MarieLN-ny Messages postés 31 Date d'inscription Statut Membre Dernière intervention -
MarieLN-ny Messages postés 31 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je voudrais, sur une page de mon site en html faire en sorte qu une image soit remplacee par une autre de facon automatique, en boucle pour donner un peu de peps a cette page
un java script peut il faire l affaire .... je suis debutante et je patauge la.....
merci d'avance pour vos suggestions
je voudrais, sur une page de mon site en html faire en sorte qu une image soit remplacee par une autre de facon automatique, en boucle pour donner un peu de peps a cette page
un java script peut il faire l affaire .... je suis debutante et je patauge la.....
merci d'avance pour vos suggestions
A voir également:
- Integrer diaporama dans page html
- Supprimer une page dans word - Guide
- Intégrer une vidéo dans un powerpoint - Guide
- Editeur html - Télécharger - HTML
- Imprimer tableau excel sur une page - Guide
- Faire un diaporama photo avec musique windows 10 - Guide
4 réponses
Bon je me suis penché sur le problème avec un autre script un peu plus simple :
à insérer entre les balises <head> et </head>
Note : la ligne "Total = 3; correspond au nombre d'image que tu veux faire apparaître, si tu en mets 4 tu changes la valeur à 4.
"Temporisation = 3" correspond au nombre de secondes d'attente entre chaque image, c'est donc modifiable.
les valeur 800 et 600 sont la largeur et la hauteur de chaque image, il suffit d'adapter cette taille selon la grandeur de tes images.
img1.src="3d_design/Dragon Fly.jpg" > correspond à l'url de l'image. Si les images sont dans le même dossier que ta page HTML l'URL sera juste le nom de l'image
si les images sont dans un autre dossier, l'URL sera : le nom_du_dossie/le_nom_de_l'image
Si tu travaille en local sur ton PC , il faut juste mettre le nom du dossier et non pas le chemin complet du type :
C:\Documents and seetings\nom d'user\Mes documents................ etc. sans quoi ça ne fonctionnera plus en ligne.
A mettre entre les balises <body> et </body>
Note : sur la ligne : WIDTH="800" HEIGHT="600" penser à régler les valeur comme sur celle des photos.
Il est également possible de ne pas mettre l'image au centre en changeant la balise <center > par <left> ou <right>
je l'ai testé, ça fonctionne , bon courage
Cordialement
à insérer entre les balises <head> et </head>
<SCRIPT LANGUAGE="javascript"> <!-- /*//////////////////////////////////////////////////////////////////// / Diaporama (Version 1.0 - 31/07/00) / / Copyright Applicanet (1999/2000) / / WEB: http://applicanet.com / / Mail: webmestre@applicanet.com / / !!! Tous droits réservés. Aucune partie de ce script ne peut êtr e / / modifiée sans la permission préalable de l'auteur. / ////////////////////////////////////////////////////////////////////*/ var img1=new Image(800,600);img1.src="3d_design/Dragon Fly.jpg"; var img2=new Image(800,600);img2.src="3d_design/nymphe04.jpg"; var img3=new Image(800,600);img3.src="3d_design/elfe_light.jpg"; var img4=new Image(800,600);img4.src=""; var img5=new Image(800,600);img5.src=""; /* etc ...etc ... rajouter autant de lignes que d'images, (60,60) sont les dimensions des images en pixels, la hauteur puis la largeur, à définir.*/ Total = 3; /*Nombres d'images, à définir*/ Temporisation = 3; /*Temporisation du diaporama en secondes, à définir.*/ /* Ne rien éditer sous cette ligne ...! ////////////////////////////////////////////////////////////////// */ Temps = Temporisation * 1000; Flag = false; //--> </SCRIPT>
Note : la ligne "Total = 3; correspond au nombre d'image que tu veux faire apparaître, si tu en mets 4 tu changes la valeur à 4.
"Temporisation = 3" correspond au nombre de secondes d'attente entre chaque image, c'est donc modifiable.
les valeur 800 et 600 sont la largeur et la hauteur de chaque image, il suffit d'adapter cette taille selon la grandeur de tes images.
img1.src="3d_design/Dragon Fly.jpg" > correspond à l'url de l'image. Si les images sont dans le même dossier que ta page HTML l'URL sera juste le nom de l'image
si les images sont dans un autre dossier, l'URL sera : le nom_du_dossie/le_nom_de_l'image
Si tu travaille en local sur ton PC , il faut juste mettre le nom du dossier et non pas le chemin complet du type :
C:\Documents and seetings\nom d'user\Mes documents................ etc. sans quoi ça ne fonctionnera plus en ligne.
A mettre entre les balises <body> et </body>
<center><A HREF="#" OnmouseOver="Flag = true;" OnmouseOut="Flag = false;"><IMG SRC="" WIDTH="800" HEIGHT="600" BORDER="0" NAME="Vue"></A></CENTER> <SCRIPT LANGUAGE="javascript"> <!-- var IncremenTation = 1; function Afficher(){ if (!document.images){ alert("Votre navigateur ne supporte pas un SCRIPT inclus dans cette page Web \nVous devriez en télécharger une version plus récente."); return; } if (!Flag) { document.images.Vue.src=eval("img"+IncremenTation+".src")} if (IncremenTation < Total) { IncremenTation = IncremenTation + 1; } else { IncremenTation = 1;} setTimeout("Afficher()",Temps); } Afficher(); //--> </SCRIPT>
Note : sur la ligne : WIDTH="800" HEIGHT="600" penser à régler les valeur comme sur celle des photos.
Il est également possible de ne pas mettre l'image au centre en changeant la balise <center > par <left> ou <right>
je l'ai testé, ça fonctionne , bon courage
Cordialement
ok j ai regarde le lien mais il faut mettre tout ca ou exactement?
rclog
je viens de commencer a transferer le script java qui se trouve sur le lien que tu m as donne et il y a un truc aue je ne conprends pas
d abord il faut specifier l URL des l image puis le lien....
c est quoi la diffrence entre l url et le lien je ne saisis pas.... desolee suis debutante
merci de ton aide
je viens de commencer a transferer le script java qui se trouve sur le lien que tu m as donne et il y a un truc aue je ne conprends pas
d abord il faut specifier l URL des l image puis le lien....
c est quoi la diffrence entre l url et le lien je ne saisis pas.... desolee suis debutante
merci de ton aide
Bonjour
Oui ce doit être possible > http://www.conseil-creation.com/informatique/internet/diaporama.php
Oui ce doit être possible > http://www.conseil-creation.com/informatique/internet/diaporama.php
!