Aller au contenu

[RÉSOLU] inserer un diaoparama dans une page web


Messages recommandés

Posté(e)

Bonjour

Je me demandais si on peut realiser en htlm un diaporama de photos, genre on clique sur une photo et ensuite on peut les faire défiler en avant en arriere.

Existe t-il un tutorial la dessus ?

Merci de votre aide

Posté(e)

A part créer un page où tu mets toutes les tofs et les gens cliquent dessus ...

HTML est un langage d'interprétation graphique (ou quelque chose comme ça) ...

Posté(e)

tu peux désactiver le java sur ton navigateur ...

Pour le php, ce sont des scripts sur le serveurs qui renvoyent du code html ... c différent ...

  • 1 mois après...
  • 1 mois après...
Posté(e)

Ptain vous etes fous les gars y'a des script bcp plus cours que sa et plus efficasses !

Vous etes payés a la ligne de code ou quoi ? lol :fumer:

Bon voilà qq chose de bcp plus court et bcp mieux pour toi !

<script language="JavaScript">

var chemin = "New/"; //le chemin pour atteindre tes imgs !

var ext = ".gif"; //l'extention de tes imgs !!

var liste_images = new Array('img01','img02','img03','img04','img05'); //leurs noms

document.image_chargee = new Array();

function prechargement()

{

for ( i = 0; i < liste_images.length; i++ )

{

document.image_chargee = new Image;

document.image_chargee.src = chemin + liste_images + ext;

}

}

</script>

<script type="text/javascript">

var i = 0;

function boucle_images()

{

var intervalle=4500

var img = new Array();

img[0]='<img src="New/01.gif" border=0 width=139 height=180>'; //tes imgs

img[1]='<img src="New/02.gif" border=0 width=139 height=180>';

img[2]='<img src="New/03.gif" border=0 width=139 height=180>';

img[3]='<img src="New/02.gif" border=0 width=139 height=180>';

var nombre_total_images = 4; //nb de cases du tableau

boucle.innerHTML=img;

i++;

i%=nombre_total_images;

setTimeout("boucle_images()",intervalle);

}

</script>

Et sa tu le met dans ton BODY : onLoad="boucle_images();"

Voilà et tu aura un beau diaporama dont le code est court et facil a comprendre :transpi:

Bonne programmation ciao :chinois:

Posté(e)

En fait le javascript, c'est vraiment pas une bonne idée.

MAKB, j'ai pas regardé les codes, mais une certitude, c'est pas parce que c'set plus court que c'est mieux.

Tu as largement de quoi trouver ton bonheur ici :

http://www.hotscripts.com/PHP/Scripts_and_...ries/index.html

http://www.nexen.net/scripts/index.php?order=27

http://www.phpscripts-fr.net/scripts/scrip...ries+%2F+Images

Il est inutile de réinventer la roue à chaque fois.

Posté(e)

Si vous voulez aller voir, j'ai fait un petit diaporama sur mon site perso...

En fait, je me base sur des variables de session pour gérer le diaporama, et de faire varier l'index de la photo à afficher... ça marche pas mal à mon goût (mis à part ma bande passante relativement faible :francais:)

http://idfx.dyndns.org/photos.php

Bon les photos ne seront pas d'un grand intérêt pour vous, mais soyez indulgents :inpactforce:

Si quelqu'un est intérressé, je peux envoyer des bouts de code... il faudra sans doute faire quelques adaptations, mais bon... Ah oui, mon css pour IE est crado, donc ne vous offensez pas de l'affichage pourri pour la sélection des photos :)

Voilà voilà :)

Pour le défilement en arrière, il suffirait de mettre des flêches au lieu de cliquer sur la photo et de décrémenter l'index.

PS: J'ai comme l'impression que les quesques visiteurs de mon site n'ont pas sélectionné de photos avant de lancer le diaporama... Euh... Ca marche pas comme ça !! :francais:

On sélectionne les photos, puis on demande d'afficher un diaporama, c'est plus logique :francais:

  • 4 semaines après...

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...