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

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

MailingList :
106668 abonnés

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

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques

     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Referencement
     Le PHP facile
     Activeartanima...
     L'écriteau
     Faro-dessing
     Le village de ...
     Gifs animés, f...
     Trucs et astuc...
     Electroniq...
     K i s s design
     Les kits graph...
     Easy-script.com
     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 : 102617
Envois par mail : 2035


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?

>> Poster une annotation sur ce script






31 visiteurs
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
GratisDomaine
Offre de nom de domaine 100% gratuite !
http://www.gratisdomaine.com/
Cat : Nom de domaine gratuit
Voir l'annuaire webmaster


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

     LES MEMBRES :
56132 membres
8366 comptes CountUs
1541 comptes myCircle

     LES FORUMS :
14 forums
39396 topics
189315 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "HTML / CSS" du jour par sadike
Vous ne savez pas trop comment vous y prendre pour faire la mise en forme de votre site en XHTML et CSS? Laissez vous guider par le générateur CSSCreator: http://www.csscreator.com/version2/pagelayout.php
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2009 EJS - Tous droits réservés | CNIL N° 844440 | 08/01/2009 22:58:11 | Design by Studcrea | Gen. en 0.31 sec.