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 new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

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

MailingList :
103486 abonnés

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

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     Faro-dessing
     L'écriteau
     Gifs animés, f...
     Easy-script.com
     Netsources
     Créer son site...
     Création de site
     K i s s design
     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 : 185032
Envois par mail : 2294


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...

>> Poster une annotation sur ce script






25 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
RueDuCommerce
Rue du commerce est un site de vente high tech ultra serieux.
http://www.rueducommerce.fr/
Cat : Hardware
Voir l'annuaire webmaster


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

     LES MEMBRES :
55287 membres
8357 comptes CountUs
1485 comptes myCircle

     LES FORUMS :
14 forums
39239 topics
188879 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
Sous Firefox, vous pouvez définir plusieurs pages de démarrages dans les options en utilisant le séparateur |. Elles s'ouvriront toutes dans un onglet différent.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 12/10/2008 14:19:23 | Design by Studcrea | Gen. en 0.432 sec.