Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1442 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Rollover: Css ou JS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Rollover: Css ou JS

n°533502
Lunatik3
Serial nounours
Posté le 07-10-2003 à 19:10:48  profilanswer
 

Salut.  
j'aimerais faire un petit rollover d'images tout bete, pas bien mechants. mais j'aimerais avoir un code le plus optimisé et supporté par le max de navigateur. (enfin au moin Mozilla et IE)
mais je ne sais pas si je doit le faire en CSS ou en JS, ni comment optneir un code genrelament supporté pour JS.
donc voila j'aimerai vos avis, voir vos script sur la chose, si cela ne vous derange pas. merci d'avance

mood
Publicité
Posté le 07-10-2003 à 19:10:48  profilanswer
 

n°533507
gizmo
Posté le 07-10-2003 à 19:24:58  profilanswer
 

le plus simple, c'est le CSS, seulement, certains IE, sur certaines configurations, dans certains cas (on en finirait presque par utiliser la boule de crystal), ne gardent pas les images en cache et doivent les recharger à chaque survol.

n°533534
Hermes le ​Messager
Breton Quiétiste
Posté le 07-10-2003 à 20:02:14  profilanswer
 

Code :
  1. image1 = new Image(largeur_px,hauteur_px);
  2. image1.src = "image-off.png";
  3. image2 = new Image(largeur_px,hauteur_px);
  4. image2.src = "image-on.png";
  5. function change_image(x, y)
  6. {
  7. document.images[x].src=eval(y+'.src');
  8. }


 
et pour le HTML :
 

Code :
  1. <a href="url.php"><img class="no-border" onnmousedown="change_image('image1', 'image2')" onmouseover="change_image('image1', 'image2')" onmouseout="change_image('image1', 'image1')" id="image1" src="image-off.png" alt="description" title="commentaire" /></a>


Message édité par Hermes le Messager le 07-10-2003 à 20:04:12
n°533543
Lunatik3
Serial nounours
Posté le 07-10-2003 à 20:15:25  profilanswer
 

salut vous 2. ça fais du monde que je connais j'ai pas trop l'habitude ici :D
Hermes ça fais un bout qu'on c'est pas vu.
merci beaucoup pou le bout de code. il va m'aider.
voila et encore merci

n°533546
Lunatik3
Serial nounours
Posté le 07-10-2003 à 20:18:06  profilanswer
 

tiens pdt que j'y pense ton projets de forum, il avance? tu l'as finis?

n°533663
Hermes le ​Messager
Breton Quiétiste
Posté le 07-10-2003 à 22:21:09  profilanswer
 

Pas le temps hélas (j'ai 3 sites à faire dont un presque finis). Je reprendrais le forum plus tard.

n°533666
Lunatik3
Serial nounours
Posté le 07-10-2003 à 22:22:43  profilanswer
 

ok dommage. en tout cas courage ;)

n°533751
THE REAL S​MILEY
The Real Résistance!
Posté le 07-10-2003 à 22:57:20  profilanswer
 

Hermes le Messager a écrit :

Pas le temps hélas (j'ai 3 sites à faire dont un presque finis). Je reprendrais le forum plus tard.  


tiens tiens, ton forum est pas référencé dans ce topic :??:  --> http://forum.hardware.fr/forum2.ph [...] 663&cat=10 :)


Message édité par THE REAL SMILEY le 07-10-2003 à 22:57:26

---------------
༼ つ ◕_◕ ༽つ
n°533774
sibelius
Vous êtes sûr ?
Posté le 07-10-2003 à 23:04:49  profilanswer
 

Personnellement, j'aurais tendance à éviter le javascript et privilégier le css : http://www.alsacreations.com/articles/imgreactive/


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°533817
Hermes le ​Messager
Breton Quiétiste
Posté le 07-10-2003 à 23:16:15  profilanswer
 

THE REAL SMILEY a écrit :


tiens tiens, ton forum est pas référencé dans ce topic :??:  --> http://forum.hardware.fr/forum2.ph [...] 663&cat=10 :)


 
Normal, j'attend un peu avant de le présenter. ;)
 
Il arrivera un jour, mais quand ?  [:totozzz]

mood
Publicité
Posté le 07-10-2003 à 23:16:15  profilanswer
 

n°534034
the real m​oins moins
Posté le 08-10-2003 à 01:14:17  profilanswer
 

l'avantage de le faire en css c'est que ton html deviendrait bcp plus lisible ;)
un chouette truc pour rollovers sans preload necessaire, en css: http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/
 
je l'utilise, ça marche bien ;)
(tiens, marrant, l'exemple marche sous ie mais pas mon implementation)


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Rollover: Css ou JS

 

Sujets relatifs
[HTML/CSS/JS] Impression : mais ou sont les couleurs du tableau?CSS : Puces et listes en ligne
[CSS] Rollover sur une image : changer la bordureDes idées de CSS pour égayer un formulaire ?
simple CSS probleme[Html - CSS] problème de décalage
Afficher un calque en CSS : un truc bizarre avec a:hover[CSS] Colonnes et IE
[CSS] plaçer une image en bas à gauche d'une div ? 
Plus de sujets relatifs à : Rollover: Css ou JS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR