Scripts pour IMAGES 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: |
||
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 |