Scripts pour IMAGES
(N'oubliez pas le double clic !)
Choisir parmis les sous-rubriques ci-dessous

Curseur | Présentation | Ecran | Menus | Divers

  SENSIBILITE AU CURSEUR  
  Puzzle:
Déplacer des images par cliquer-glisser pour reconstituer un puzzle. Un message s'affiche lorsque le visiteur parvient à placer les images à leur place respective sur l'image modèle. Ce script est présent également dans la rubrique "Divers (Jeux)" .
 
  Script N°2 pour rollover:
Changer l'adresse d'une image au passage de la souris avec un script très simple donc très léger.
 
  Script N°1 pour rollover:
Changer l'adresse d'une image au passage de la souris avec un script très simple donc très léger.
 
  Rollover à trois états:
3 images qui s'affichent selon: état normal, passage et clic de la souris.
 
  Rollover à distance:
Changer l'adresse d'une image à distance au passage de la souris sur un lien textuel.
 
  Plusieurs images qui suivent le curseur:
Plusieurs petites images qui suivent le curseur quand il se déplace et se reggroupent une fois le curseur immobile.
 
  Une image qui suit le curseur:
Comme le script ci-dessus mais avec une seule image, qui se retourne en fonction du sens de déplacement du curseur.
 
  Une image fixé sur le curseur:
Une image accrochée au curseur.
 
  Des images qui tournent autour du curseur:
Des images qui gravitent autour du curseur même quand celui-ci se déplace.
 
  Des images "élastiques" autour du curseur:
Des images suivent le curseur avec un phénomène d'élasticité entre elles.
 
  Plusieurs images qu'on déplacent:
Avec le curseur de la souris on peut cliquez-glisser sur une image et donc la faire glisser sur la page (plusieurs images possibles). Seul défaut: avec Netscape, auccun lien ne peut fonctionner dans la page.
 
  Une image qu'on déplace:
Comme le script précédent mais en moins bien: Ne marche que sous IE et une seule image déplaçable qu'on ne peut pas positionner où on veut au chargement de la page.
 
  Des yeux qui surveillent le curseur:
Des yeux qui fixent le curseur dans son déplacement.
 
  Des yeux qui suivent le curseur:
Comme le précédent mais encore mieux. La paire d'yeux suit le curseur en se déplaçant dans la page.
 
  Effet Alpha:
Une image qui devient plus opaque au passage de la souris sans perdre la possibilité de lien sur les images.
 
  Curseur laissant une traînée:
Le curseur laisse une trainée derrière lui quand il se déplace comme un effet de fumée et qui se dissipe ensuite.
 
  Commentaires au passage de la souris:
Des commentaires qui s'affichent où on le désire dans la page, diffèrents selon que l'image est survolée, cliquée...etc.
 
 
 
  Les PRESENTATIONS D'IMAGES  
  Faire défiler des images:
Ce script permet de faire défiler des images les unes après les autres. Le résultat ressemble à un gif animé sauf que dans ce cas, on peut prendre des images au format jpg ou encore des images de taille différentes.
 
  Présentation en vignettes:
Des petites images présentes sous forme de vignettes dans la page. Quand on clique sur une vignette, une grande image (correspondant à la vignette ou non) apparaît dans le corps de la page. En cliquant sur une autre vignette, une autre grande image vient remplacer la précédente. Défaut: avec Netscape, la grande image s'affiche dans une nouvelle fenêtre.
 
  Images qui changent avec une liste déroulante:
Une image de départ, affichée sur la page, dont l'URL peut changer grâce à un menu déroulant (plusieurs choix possibles).
 
  Succession d'images avec des boutons:
Une image de départ, affichée sur la page, dont l'URL peut changer grâce à un jeu de boutons, précédent et suivant (avec affichage d'un titre pour l'image).
 
 
 
  SENSIBILITE A L'ECRAN  
 

Image de fond fixe:
Il ne s'agit pas véritablement d'un script mais plutôt d'une instruction HTML qui permet sous Internet Explorer d'avoir un fond fixe malgrès le scrolling.

 
  Image de fond fixe et non répétée:
Comme le script précédent mais avec en plus une image non répétée (interessant pour un logo en haut de page).
 
  Image de fond en mouvement:
Un décalage automatique vers la droite de l'image de fond se produit dès l'ouverture de la page.
 
  Images qui tombent du haut vers le bas de l'écran:
Un classique: la neige qui tombent sur l'écran sauf qu'on peut remplacer les images.
 
  Une image qui remonte du bas vers le haut de l'écran:
Une images et un petit menu remonte du bas vers le haut de l'écran, automatiquement dès le chargement de la page.
 
  Une image qui se ballade dans l'écran:
Dans notre exemple, une balle qui se ballade, dans tous les sens en rebondissant sur les 4 coins de l'écran.
 
  Une image toujours visible:
malgrès le scrolle (descendre dans la page), ce script permet d'avoir une image toujours visible, restant à la même position dans la page (dans ce script l'image se trouve toujours dans le bas droit de l'écran). Idéal pour un logo.
 
  Image fixe haut-gauche:
Comme le script précédent, l'image reste fixe malgrès le scrolling mais dans le haut gauche de l'écran. Il s'agit d'un script diffèrent du précédent (Image toujours visible) car l'image apparaît progressivement au chargement de la page et avec la possibilité de la faire disparaître au bout d'un certain temps. Les 2 scripts ci-dessous sont les mêmes mais configurés différemment. Génial !!
 
  Image fixe haut-droit:
Comme le script précédent, l'image reste fixe malgrès le scrolling mais dans le haut droit de l'écran. Génial.
 
  Image fixe bas-gauche:
Comme le script précédent, l'image reste fixe malgrès le scrolling mais dans le bas gauche de l'écran. Celui-ci est configuré pour ne pas disparaître. Génial.
 
 
 
  MENUS ELABORES AVEC DES IMAGES  
  Menu style Explorateur de Windows:
Un menu arborescent qui fonctionne visuellement comme l'Explorateur de Windows, avec des dossiers, des sous-dossiers (autant que souhaité) pour aboutir finalement à des liens (appels de fichiers). Ce script est présent également dans la rubrique " Navigation (Menu) .
 
  Space menu:
Un menu très graphique avec des satellites (rubriques) qui tournent autour de la terre. Ce script est présent également dans la rubrique " Navigation (Menu) .
 
  Effet de zoom sur des images:
Prenons un menu constitué de plusieurs images. Ce petit programme permet de réaliser un effet de loupe sur les images, au passage du curseur. L'image pointée est aggrandie ainsi que les 2 images voisines. Ce script figure également dans la rubrique "Navigation (Menu)".
 
  Menu avec des images animées:
Des images qui bougent avec une mise en scène spectaculaire, des liens sur les images. Diffèrence entre IE et Netscape: Dans IE, les lien ouvre une nouvelle fenêtre alors que dans Netscape, le document s'ouvre dans la même fenêtre. Ce menu animé est donc présent également dans les rubriques " Navigation (Menu) " et " Effets visuels (Divers) ".
 
  Menu graphique déroulant:
Un menu graphique (constitué d'images) qui se déroule latéralement au passage de la souris. Possibilité d'ouvrir le fichier dans une nouvelle fenêtre ou non. Excellent. Ce script figure également dans la rubrique "Navigation (Menu)".
 
 
 
  DIVERS  
  Message d'erreur si image indisponible:
Quand une image ne peut pas être chargée dans le navigateur, une erreur est générée. Ce script va détecter l'erreur et afficher automatiquement un message d'alerte avec un texte correspondant.
 
  Images en copyright:
Impossibilté d'enregistrer les images avec le clic droit de la souris (clic droit sur les images neutralisé d'une façon générale). Ce script agit sur toutes les images de la page.
 
  Images donnant l'heure:
Un compteur réalisé avec plusieurs images, donnant l'heure et la date. Génial !! Ce script est présent également dans la rubrique " Temps (Horloge) .
 
  Images et liens changeant:
L'URL de l'image et le lien associé change dans le temps (une série qui se répète en boucle).
 
  Préchargement des images avant affichage de la page (1):
Préchargement automatique des images au chargement de la page, avant qu'elle ne s'affiche. Ce script est également présent dans la rubrique "Divers (Préchargement)".
 
  Préchargement des images avant affichage de la page (2):
Même effet que ci-dessus mais avec un script légèrement diffèrent. Ce script est également présent dans la rubrique "Divers (Préchargement)".
 
  Des images qui clignotent (1):
Des images qui apparaissent et disparaissent au même endroit donnant un effet de scintillement, voir, selon les images utilisées, un effet étincelant.
 
  Des images qui clignotent (2):
Même effet que ci-dessus mais avec un script diffèrent.
 
  Une balle qui rebondit sur le sol:
Une image dont le mouvement est contrôlé par des boutons.
 
  Une image qui ondule:
Un script qui déforme l'image donnant un effet d'ondulation.
 
  Images animées avec effet 3D:
Effet 3D garanti, pas grand chose à dire, juste regarder...
 
  Image à faire exploser:
Cliquez sur un lien pour faire exploser à distance une image.
 
  Animation DHTML réalisée avec Frontpage:
Au chargement du fichier, un titre qui remonte en haut de page, suivi par une image et quelques instant plus tard, un lien textuel surgissant du haut descend se placer au centre du document. Un script réalisé en DHTML avec Frontpage, très facilement. Défaut: Ne marche que sous Internet Explorer, pas étonnant avec Microsoft, mais donc interessant au niveau du code.
 
  Afficher ou masquer une image:
Masquer ou afficher à distance une image en cliquant sur des liens textuels, voilà ce que propose ce script.
 
  Images différentes suivant l'heure:
Il s'agit ici d'un document HTML avec un lien vers un fichier PHP dont le code a pour effet d'afficher une image (gif) diffèrente suivant l'heure de la journée. Même script mais avec des images jpg. Ce script figure également dans les rubriques " Temps (Horloge) " et " PHP (Images) ".
 
  Dernière modification de la page le 05.03.2005