L'Atelier d'rv

est un site conçu à partir du CMS GuppY. Le site freeguppy.org, est, en quelque sorte, la maison-mère où vous trouverez la dernière version à télécharger, de la documentation, un forum très réactif et des conseils pour créer votre site gratuitement.

GuppY

c'est aussi une association : asso.freeGuppY.

Skins

Pour habiller votre site GuppY, vous pouvez vous adresser aux skinneurs, notamment :

- Papinou ;
- Sabine.

Mes autres sites

- Kreiz er Mor : Association de Culture Celtique Sartrouvilloise ;
- Les Galeries de Kreiz er Mor : Archives de Kreiz er Mor ;
- PORTance : Portail d'aide et d'échanges dédié aux enseignants du Bac Pro Transport 3 ans ;
- Gest & Co : Portail d'aide et d'échanges dédié aux enseignants d'Économie-Gestion en Bac Pro 3 ans.

 
  GuppY : le petit poisson est aussi un CMS pour qui le Web est un aquarium !  
Vous êtes ici :   Accueil » Image rollover
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
Mon profil

Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
Y6XA
Recopier le code :


  495314 visiteurs
  2 visiteurs en ligne

  Nombre de membres 15 membres
Connectés :
( personne )
Snif !!!
CMS GuppY
 ↑  
Les gratuits
Enseignement
Visites

 495314 visiteurs

 2 visiteurs en ligne

rss Cet article est disponible en format standard RSS pour publication sur votre site web :
http://rvknobzh.lescigales.org/data/fr-articles.xml

Si vous avez besoin de mettre sur votre site une image avec un effet "rollover" voici un code javascript très simple pour y parvenir :

<.img src="/img/mon_image1.png" border="0" alt="Mon texte de remplacement" onmouseout=".javascript:this.src='/img/mon_image1.png';" onmouseover=".javascript:this.src='/img/mon_image2.png';" /.>

mon_image1.png et mon_image2.png étant les deux images qui alternent au passage de la souris.

Les . ne sont là que pour empêcher l'exécution du code.

Date de création : 30/03/2011 @ 23:15
Catégorie : CMS GuppY - Code
Page lue 1576 fois
Précédent  
  Suivant


Réactions à cet article

Réaction n°2 

par rvknobzh le 03/09/2013 @ 22:49

Hello Katryne,

merci pour cette astuce dont j'ai pu constater l'efficacité sur ton site.

Amicalement.
rv

Réaction n°1 

par Katryne le 10/07/2013 @ 15:14

Coucou,
Je l'ai fait sans javascript, en m'inspirant d'un vieux code d'Isa. Voilà mon code :

<.a href="#" .onmouseout="document.photo.src=.'/img/photo-apres.jpg'" .onmouseover="document.photo.src=.'/img/photo-avant.jpg'".><.img alt="Photo originale" name=."photo" src="img/photo-apres.jpg" .title=."Photo originale" /.><./a.>

J'espère que la citation de code va être correcte avec mes points rouges que j'ai ajoutés.

Voilà le résultat que j'ai réalisé poue le Portraitiste :

Vous êtes ici :   Accueil » Image rollover