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 :
152052 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...
     Azote.org - no...
     Easy-script.com
     Livre-dor.net
     Web creation ...
     Electroniq...
     Je crée mon site
     Outils de créa...
     L'histoire d'a...
     Les autres
     Votre site ici ?


Images aléatoires

Description

Ce script affiche une image au hasard, parmi une liste donnée, au chargement de la page.


Exemple :




Compatibilité :

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


Chiffres :

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


Edition du script :

Pour obtenir le code remplissez le formulaire ci-dessous, pour chaque image. Une fois que vous aurez créé une image, cliquez sur le bouton 'Enregistrer'. Quand vous en aurez fini avec toutes les images que vous desirez inserer, cliquez sur 'Editer votre script' et effectuez un copier-coller du code vers votre editeur HTML.
Les champs marqués en rouge sont obligatoires.

Nombre d'images enregistrées :

Partie à remplir pour chaque image :

Placez ici le chemin d'acces de l'image
(ex: images/nom_image.gif ou http://www.monsite.com/images/mon_image.gif) :


Titre de l'image :


Adresse (URL) du site correspondant à l'image
Si vous ne desirez pas mettre de lien sur l'image, laissez ce champs vide :




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 l'image:



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 kisscool2a - le 18-08-2004

pour une meilleur compatibilité avec le W3C on pour rajouter a cette ligne :

document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')

un / a la fin de la balise IMG comme ceci :

document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0 />')
De gokujr545 - le 17-04-2005

Comment on fait si on veut que le lien vers laquelle on arrive quand on clique sur l'image aleatoire soit dans une iframe (J'ai essayer target= "iframe" ) mais sa marche pas aidez moi SVP
De simon16no - le 24-03-2006

Il ne faut pas non plus oublier de mettre le code html en minuscule (=normalisation xhtml)
De ciocaille - le 27-04-2006

excellent code, qui fonctionne a merveille. Attention toutefois aux debutants de bien différencier les majuscules et les minuscules pour les noms des images; sinon, le script ne fonctionnera pas sur le serveur de votre hebergeur.

Une petite question cependant: comment fait-on pour center horizontalement l'image obtenue par le biais du script?

D'avance Marci
De flo2929 - le 28-05-2007

Jai un prob avec ce script.

J'ai deux endroits sur la page d'accueil de mon site ou j'affiche des images aléatoires.
Malheureusement, par moment à ces deux endroits j'ai la même image qui s'affiche.

Comment faire pour ne plus avoir ça ?

Email : flo2929@hotmail.fr

Merci

A+
De tutut49 - le 31-05-2007

Comment faire pour que lorsque l'on clique sur l'image, celle ci ne s'ouvre pas dans une autre fenêtre, mais au contraire dans la meme ?
De galoufa - le 19-06-2007

Bonjour,

je n'arrive pas a mettre autre chose que zero dans le nombre d'image est ce normal ?
De MiSs_Ge - le 22-03-2008

Allo!!
Si je veux adapter ce script pour 2 animations swf. Je dois changer quoi dans le code? J'ai fais plein de test avec différents code et j'arrive à rien.. Et je ne trouve pas de script avec des swf sur le site.

Mercii!!
De abdallahaghrab - le 29-06-2008


Bonjour

le code fonctionne bien mais j'ai un petit prob:

les dimensions de mes images sont: 3296 * 2480 pixiles. lorsque j'insére ce code dans mon éditeur HTML, les images gardent les mêmes dimensions. comment faire pour varier les dimensions de mes images dans le code.

Merci d'Avance.

email: abdallahaghrab@hotmail.com
De Rettn - le 12-08-2008

Bonjour à tous,

Je tiens tout d'abord à dire que je ne m'y connais qu'en html et css, et pas du tout en javascript...

J'aimerais utiliser ce script sur une page web, couplé avec un rafraichissement automatique (pour faire défiler les images en boucle) et une transition d'image.
Ca, j'ai réussi. Mais serait-il possible de ne rafraichir que l'image ? Car elle serait incluse dans une page web, et j'aimerais ne pas avoir à rafraichir toute la page web toutes les 5 secondes...

Svp j'ai vraiment besoin de votre aide... Merci d'avance !
De Rettn - le 13-08-2008

Ou en gros, si vous préférez, une actualisation auto d'une partie d'une page web avec une transition alternative...
De helvetdulac - le 13-07-2009

Bonjour à tous,
en préambule, j'ai 70 ans et si je me débrouille en html et css, je suis nul en js et à mon age,ça rentre difficilement.
j'ai testé la routine pour l'affichage aléatoire d'une image et ça correspond tout à fait à ce que je voulais....sauf que je n'arrive pas à centrer mon image.
peut-on envisager une solution ?

j'ai essayé divers script pour essayer de centrer, mais le reste de mes mises en page est modifiée.

le but de ce script est le suivant :
mon site doit montrer la vie d'un village sur les 4 saisons de l'année.

ayant 4 photos de la place prisent a différentes saisons, je souhaitait que l'image de fond de "body" soit affichée de manière aléatoire.

Il existe peut-être une solution plus "élégante" mais mes recherches n'on rien donné.
Merci d'avance de vos remarques.
De helvetdulac - le 13-07-2009

Bonjour à tous,
en préambule, j'ai 70 ans et si je me débrouille en html et css, je suis nul en js et à mon age,ça rentre difficilement.
j'ai testé la routine pour l'affichage aléatoire d'une image et ça correspond tout à fait à ce que je voulais....sauf que je n'arrive pas à centrer mon image.
peut-on envisager une solution ?

j'ai essayé divers script pour essayer de centrer, mais le reste de mes mises en page est modifiée.

le but de ce script est le suivant :
mon site doit montrer la vie d'un village sur les 4 saisons de l'année.

ayant 4 photos de la place prisent a différentes saisons, je souhaitait que l'image de fond de "body" soit affichée de manière aléatoire.

Il existe peut-être une solution plus "élégante" mais mes recherches n'on rien donné.
Merci d'avance de vos remarques.
De helvetdulac - le 13-07-2009

re-bonjour,
la vieillesse est une catastrophe, je viens de poster un message pour demander une précision sur ce site et, en continuant mes recherches, j'ai trouvé la solution.
Il faut tourner 6 fois sa souris avant de poster.
éventuellement,le résultat est visible sur
http://www.granges-sur-baume.com
De blackant - le 08-04-2011

superbe script !

pour ceux qui veulent changer la taille des images, il y'a les variables height et width prévues a cette effet.

il suffit de les indiquer dans les parametres de chaque image a redimensionner

{
gotosite = "http://blackantmaster.com/page.html";;
url = "http://blackantmaster.com/Images.jpg";;
alte = "Super titre";
height = "105";
width = "100";
}
De blackant - le 08-04-2011

sauf que d'indiquer les variables width et height.... bin ca marche pas !
De el che - le 14-07-2011

Bonjour
les images sur mon site web, ne s'affiche pas
pourtant quand je tape l'adresse du site avec le dossier et le nom de l'image, elle s'affiche dans l'explorateur

quand je réinisialise, le n° des images changes..
je suis sur 1&1
De ludolplubo - le 15-11-2011

Bonjour, comment positionner l'image sur la page ?
sur mon site elle se situe systématiquement en haut.
PS: je suis novice
De Thomasb - le 11-12-2011

Bonjour,

Avant d'essayer le scripte je voulais vous demander une petite infos,

J'utilise un éditeur "sitebuilder", qui simplifie l'édition du site en affichant tout le site tel qu'il est.
Donc pour mettre un code HTML je doit placer une fenêtre "script" mais je ne sais pas si je doit quand même mettre les balise <HEAD> ainsi que <BODY> ?

Merci de votre aide !
De flatlink - le 16-05-2012

Bonjour,

Superbe script qui fonctionne tres bien. Cependant je l'utilises dans un iframe et j'aimerais que lors du clique, le lien s'ouvre dans un target _parent, mais je ne vois pas où le caler.

Merci :)

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
GrosBill
GrosBill est un site de vente high tech serieux, disposant d'une boutique a Paris.
http://www.grosbill.com
Cat : Hardware
Voir l'annuaire webmaster


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

     LES MEMBRES :
68237 membres
2818 comptes CountUs
1909 comptes myCircle

     LES FORUMS :
14 forums
40625 topics
192028 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Navigateur" du jour par leBoss
De même que le Ctrl + Entrée ajoute le www. et le .com sur IE et Firefox, le Shift + Entrée sur ce dernier ajoute le www. et le .net.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2014 EJS - Tous droits réservés | CNIL N° 844440 | 20/04/2014 00:06:01 | Design by | Gen. en 0.005 sec.