L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
121716 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Gifs animés, f...
     Poésie et cita...
     Easy-script.com
     Web creation ...
     Je crée mon site
     Azote.org - no...
     Outils de créa...
     K i s s design
     Electroniq...
     L'histoire d'a...
     Les autres
     Votre site ici ?


Vionneuse Javascript

Script posté par :

Quepeba
Vous aussi, postez vos scripts en cliquant ici.


Description

Defiler en boucle de images


Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Netscape Navigator : 6 et +
 Internet Explorer : 5.5 et +
Ce script utilise le DHTML


Chiffres :

Date de création : 22/07/2004
Dernière modif : -
Visites de la page : 141430
Envois par mail : 2317


Exemple :




Le code :

Entre <HEAD> et </HEAD> :


Entre <BODY> et </BODY> :


Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De harcher81 - le 06-11-2004
petit défaut les images de l'exemple sont trop volumineuse pour la base vitesse on peut même pas voir les images avants que sa change d'image
De ld40 - le 17-09-2006
pour gerer le temps d'affichage des images, c'est assez simple, il suffit de modifier la ligne suivante:

setTimeout("ChangeImage()", 2000);

ou 2000 est le temps d'affichage en millisecondes

donc 4000 = 4secondes par exemple
De solidaritok - le 26-01-2007
Bonjour,

J'aimerai si possible que les images sur ce script soient centrées.

Comment faire svp?

En vous remerciant, amicalement.
De EricM - le 10-04-2007
Test car envoi d'annotations signalé comme buggé ...
De rf92 - le 11-04-2007
En mettant les variables pour les images dans la balise script du body et non du head comme suit :
<div id="zone">
<script type="text/javascript">
couv = new Array;
couv[0] = 'images/Diapositive1.JPG'
couv[1] = 'images/Diapositive2.JPG'
couv[2] = 'images/Diapositive3.JPG'
couv[3] = 'images/Diapositive4.JPG'
couv[4] = 'images/Diapositive5.JPG'
num = 2
</script>
</div>

il est alors possible de générer les variables couv[x] en php et de coupler ce code avec un code php (par ex http://www.editeurjavascript.com/scripts/scripts_images_2_3.php) pour prendre l'ensemble des fichiers jpg du répertoire.
De Dadz - le 12-05-2007
Interessant ! Peut on mettre un lien qui changerait pour chaque image dans le même code ?? Par ex <a href="1"><img src="1"></a> pour la première image..puis <a href="2"><img src="2"></a> pour la seconde.
De manonaccou - le 15-03-2008
grlgtry
De almux - le 10-11-2008
Bigre! Cela a l'air vraiment simple... mais cela ne fonctionne pas sur la page en ligne.
Questions:
1) La page peut être en HTML ou doit-elle être en PHP?
2) Le chemin aux images est-il un chemin simple au dossier?
3) Peut-on remplacer le nom de la DIV?

Voici ce que j'ai chez moi:

Entre <HEAD> et </HEAD> :
<script type="text/javascript">
couv = new Array;
couv[0] = '/dia1/g1.jpg'
couv[1] = '/dia1/g2.jpg'
couv[2] = '/dia1/g3.jpg'
couv[3] = '/dial1/g4.jpg'
couv[4] = '/dial/g5.jpg'
num = 2

function ChangeImage()
{
if (num == -1) { num = (couv.length-1)}
if(document.getElementById)
{
document.getElementById("apDivright").innerHTML ='<img src="'+ couv[num] + '"> '; num = num-1
}
setTimeout("ChangeImage()", 5000);
}
window.onload = ChangeImage;
//-->
</script>

Entre <BODY> et </BODY> :
<div id="apDivright"></div>

Que fais-je de faux?
De almux - le 11-11-2008
EDIT: A tout hasard: couv[4] est corrigé. Mais il ne se passe toujours rien... (même sous Windows IE 6.5)

A+

Almux
De almux - le 11-11-2008
C'est trouvé!
-->PAS de / avant diapos_1 !

Cela charge 15 images 284x558 sans problème dans la div voulue.

C'est le bonne effet... mais, il va tout-de-même falloir que je mette une commande d'arrêt-redépart... Serait-il possible d'éviter les boutons visibles et d'utiliser la surface du div comme zone de stop and go?
De rami96 - le 19-05-2010
est ce qu'on peut mettre plusieurs script dans la meme page?? merci
De almux - le 29-06-2011
Serait-il possible d'ajouter un effet fin-fade out à ce script?

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Publicidées
jeune mais talentueuse plateforme d'affiliation. Pas mal de programmes.
http://affilie.publicidees.com
Cat : Affiliation - publicité
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
65912 membres
4797 comptes CountUs
1839 comptes myCircle

     LES FORUMS :
14 forums
40353 topics
191677 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Hebergement / Linux" du jour par caaptusss
Lorsque vous choisissez votre hébergment, ne prenez pas trop large ! 150 Mo suffisent largement pour un site qui n'a que quelques dizaines de pages ! Vous pourrez alors agrandir votre espace au fur et à mesure que vous en aurez besoin !
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 04/02/2012 04:10:23 | Design by | Gen. en 0.496 sec.