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 :
122656 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
     Poésie et cita...
     Gifs animés, f...
     Easy-script.com
     Azote.org - no...
     Web creation ...
     K i s s design
     Outils de créa...
     Electroniq...
     Je crée mon site
     Créer son site...
     Les autres
     Votre site ici ?


Images défilantes avec animation

Description

Ce script va vous permettre de réaliser un menu à l'aide d'images defilant en alternance et ayant chacune un lien different.
Pour IE3, le script n'affiche que la premiere image et ne provoque pas de bug


Exemple :




Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Internet Explorer : 4 et +
 Netscape Navigator : 3 et +


Chiffres :

Date de création : 13/06/2003
Dernière modif : -
Visites de la page : 284863
Envois par mail : 2975


Edition du script :

Pour editer, vous devez tout d'abord indiquer le temps d'affichage de chaque image en secondes. Puis, entrez le chemin d'accès à chaque image, ainsi que la page à afficher si l'image est cliquée. Renouvellez, l'operation pour chaque image. ATTENTION : Toutes les images doivent avoir une taille identique. Une fois tous les parametres enregistrés, cliquer sur "editer le code".
Les champs marqués en rouge sont obligatoires.

Temps d'affichage de chaque image (en s):

Enregistrez ici vos images:

Chemin d'accès de l'image
(ex : images/monimage.jpg):


Chemin de la page à afficher si l'image est cliquée
(ex: page.html ou
http://mon.site.com/mapage.htm ou
mailto:moi@monfai.com):





EN CAS DE FRAMES indiquez ici le nom du cadre de destination
(Par exemple FrameDroite, _blank...):
Laissez la case vide si vous n'avez pas de frame!




Votre script personnalisé :

Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).

A mettre entre les balises <HEAD> et </HEAD> :



A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez mettre le texte/ l'image / l'animation :



Services email :

Je désire recevoir mon script personnalisé 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 seb30 - le 30-09-2004

Le script est genial, par contre il n'est pas compatible avec: Firefox ou mozilla.
De cece - le 07-12-2004

oui mais on voit quand même les images défilées !!
De lodys - le 27-08-2005

J'utilise ce script très souvent et il est génial ... MAIS ... impossible de mettre 2 fois ce script dans la même page !!!

En effet, quand on met 2 fois ce script, le défilement d'images ne se fait plus, tout reste figé sur les emplacements des 2 scripts !!!

Aidez moi, SVP, c'est urgent !!!
De rf92 - le 16-12-2006

Bonjour,
dans la fonction defilimg() au niveau du premier if, il faut mettre en dur le nombre de liens définis en début de script.
Pour ne pas risquer d'oublier ce paramètre si l'on ajoute ou supprime des liens, on peut rajouter avant la fonction 'ejs_img_fx' l'instruction suivante :
z_nb_liens = imgPath.length;
,
puis remplacer la ligne :
function defilimg() {
if (a == 4)
...
(par ex. pour 4 liens)
par celle-ci :
function defilimg() {
if (a == z_nb_liens)
...

a+
De OGORD - le 10-04-2007

je suis novice . voilà ja'ai essayé ce script il fonctionne trés bien mais voilà l'image qui provient d'un de mes répertoires ne se charge pas . Quelqu' u a t'il eu se problème?
De espoir31 - le 20-04-2007

Très bon diaporama mais comment faire pour que toutes les photos soit dimentionnées à la même taille.

Merci d'avance !
De antho69100 - le 23-05-2008

très bon script, mais le problème est que l'on ne peut pa sle mettre deux fois sur la même page. Chose que j'aimerais faire, quelqu'un pour me dire comment on fait pour mettre ce script deux fois su rla même page, merci d'avance
De diderichj - le 20-08-2008

j'ai télécharger ce script qui fonctionne a merveille, mais j'aimerai avoir le chargement de la premiere image tjs différente. (donc au chargement de la page avoir tjs une image différente qui s'affiche) je ne veu pas avoir tjs la premiere inscrite dans mon script.
Merci a tous
De glo - le 28-09-2009

Bonjour,
Je remarque qu'il est de bon gout de dire qu'on ne connait rien en code,
pour moi c'est vrai.

je travail avec Namo 06
Quand j'edite tous marche
sur le site pas moyen d'afficher la première image c'est dommage .

Peut t'on m'aider ? Cela serait super

voir: http://conceptetreussite.com/essai.html

Merci bien d'avance
De landxnet - le 20-11-2009

Bonjour à toutes et à tous, je confirme, c'est un très bon script.
Effectivement l'effet de transition ne fonctionne pas sur mozilla, mais les images défilent bien !!

Mon intervention aujourd'hui se porte sur une question pour ceux qui savent utiliser javascript, car je souhaiterai intégrer à ce script un lien text en dessous de l'image qui fasse office de description et de lien.

Pourriez-vous me renseigner sur la méthode à suivre Ou, la facilité me rédiger le complément du script ^^ A votre bon coeur.

Mais j'avou vouloir la méthode, j'aime bien comprendre
De vulcan70 - le 27-11-2009

Bonjour à tous,
J'ai testé ce script sur IE7 et il ne fonctionne pas, j'ai un petit rectangle de 2cm sur 1 avec une croix rouge marqué menu, la transition entre les images semblent s'effectuer mais pas à la bonne dimension.

Merci de me donner un ptit coup de main

A bientôt

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Internet-hebergeur.fr
Hébergement grand public et pro à partir de 5 euros HT/mois.
http://www.internet-heber...
Cat : Hebergement web
Voir l'annuaire webmaster


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

     LES MEMBRES :
65981 membres
4648 comptes CountUs
1842 comptes myCircle

     LES FORUMS :
14 forums
40362 topics
191691 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Divers" du jour par mirage
Simplifiez-vous les forums : http://update.mozilla.org/extensions/moreinfo.php?id=128&vid=196&category=Miscellaneous ! Avec ce petit menu ajouté à vos options du clic droit, vous avez toutes les balises BBCode ! Très pratique pour le forum de l'EJS ;)
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 13/02/2012 10:22:50 | Design by | Gen. en 0.486 sec.