Changer image sans frame
Résolu/Fermé
kisscool387
-
27 août 2007 à 21:29
Serge_La Messages postés 407 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 3 mars 2009 - 28 août 2007 à 01:26
Serge_La Messages postés 407 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 3 mars 2009 - 28 août 2007 à 01:26
A voir également:
- Changer image sans frame
- Changer dns - Guide
- Changer clavier qwerty en azerty - Guide
- Image iso - Guide
- Changer carte graphique - Guide
- Acronis true image - Télécharger - Sauvegarde
7 réponses
Ben en fait, c'est pas telement ca que je veux, c'est vraiment a partir d'un seul bouton ou en cliquant dessus, mais je fait cherche sur google comme tu m'a dit, je verai bien
Merci, Merci, Merci
Merci, Merci, Merci
slow
Messages postés
370
Date d'inscription
mardi 14 janvier 2003
Statut
Membre
Dernière intervention
11 septembre 2009
57
27 août 2007 à 21:38
27 août 2007 à 21:38
Salut,
comme un diaporama ?
comme un diaporama ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
slow
Messages postés
370
Date d'inscription
mardi 14 janvier 2003
Statut
Membre
Dernière intervention
11 septembre 2009
57
27 août 2007 à 22:10
27 août 2007 à 22:10
dans google tu tapes diaporama html,tu as du choix.
un exemple qui a l'air bien:
http://nazar.av.free.fr/index.html
un exemple qui a l'air bien:
http://nazar.av.free.fr/index.html
Irresistibledemon
Messages postés
97
Date d'inscription
mardi 31 mai 2005
Statut
Membre
Dernière intervention
3 décembre 2011
9
27 août 2007 à 22:26
27 août 2007 à 22:26
Je n'ai pas vraiment saisie tout ce que tu voulais faire, mais je peux déjà t'indiquer comment changer une image qui est déjà chargé par ton navigateur internet. Ce code est en JavaScript et doit s'insérer dans ta page Web
Si maintenant tu veux dynamiser le tout, il te faudra surement avoir recours à de l'AJAX ou du PHP,
sinon il faudra que utilise des astuces de nommage de fichiers du style 1.jpg, 2.jpg, 3.jpg, ...
Avec un bon nommage de fichier, tu pourra exécuter le code suivant :
Ces deux code ne s'apparentent pas à un diaporama, mais plutot à une gestion de navigation dans les images.
Il ne reste plus qu'à trouver la portion de code pour réaliser l'effet de transition entre chaque image. :)
<script language="JavaScript"> function changerImage(nom_nouvelle_image) { document.images["imgAChanger"].src=nom_nouvelle_image; } </script> <img name="imgAChanger" src="toto.jpg" width="142" height="61" border=0> <br /> <input type="button" onClick="JavaScript:changerImage("titi.jpg");" value="Changer d'image">
Si maintenant tu veux dynamiser le tout, il te faudra surement avoir recours à de l'AJAX ou du PHP,
sinon il faudra que utilise des astuces de nommage de fichiers du style 1.jpg, 2.jpg, 3.jpg, ...
Avec un bon nommage de fichier, tu pourra exécuter le code suivant :
<script language="JavaScript"> function changerImage(avance) { var nombre_image_max = 10; var Chaine = document.images["imgAChanger"].src; var positionDebut = Chaine.lastIndexOf("/"); var positionFin = Chaine.lastIndexOf("."); var num = Chaine.substring(positionDebut+1, positionFin); if(avance==1) { if(num<=nombre_image_max) num++; } else { if(num!=0) num--; } alert(num); document.images["imgAChanger"].src=num+".jpg"; } </script> <p align="center"> <img name="imgAChanger" src="1.jpg" width="142" height="61" border=0 /> <br /> <input type="button" onClick="JavaScript:changerImage(0);" value="<" /> <input type="button" onClick="JavaScript:changerImage(1);" value=">" /> </p>
Ces deux code ne s'apparentent pas à un diaporama, mais plutot à une gestion de navigation dans les images.
Il ne reste plus qu'à trouver la portion de code pour réaliser l'effet de transition entre chaque image. :)
Serge_La
Messages postés
407
Date d'inscription
lundi 19 mars 2007
Statut
Membre
Dernière intervention
3 mars 2009
47
28 août 2007 à 01:26
28 août 2007 à 01:26
Bonjour,
Mais oui. Javascript fais cela très bien.
Mais oui. Javascript fais cela très bien.