Rollover a distance

Rollover a distance - HTML/CSS - Programmation

Marsh Posté le 08-02-2005 à 11:09:16    

Hello,
Alors voila, ça fait maintenant plusieurs jours que je galère pour réaliser un (des) rollover graphique à distance.
pitite explication: dans ma page web (en bas) j'ai positionné les vignettes de mes images. J'aimerais lorsque je place le pointeur de la souris dessus, faire apparaitre l'image correspondante au dessus de mes vignettes dans la même page web. (type rollover à distance)
Mais le "bug", comme j'ai déja placé mes images, je n'arrive pas à intégrer mon script (que j'ai trouvé sur "toutjavascript.com" ) dans mon code source correctement!!!(et je debute en programmation)
Et malheureusement je ne connais pas suffisamment Dream pour utiliser les comportements.
J'aimerais savoir si il existe d'autres méthodes qu'avec du DHTML?.(peut etre avec flash?)
On ma dit qu'il était préférable d'utiliser les CSS??
Pour info j'utilise flash MX et dreamweaver MX.
J'espère que tout cela reste possible?
D'avance merci pour votre aide et avis...
De mon coté je continu les recherches...A+ ;)

Reply

Marsh Posté le 08-02-2005 à 11:09:16   

Reply

Marsh Posté le 08-02-2005 à 11:17:17    

Reply

Marsh Posté le 08-02-2005 à 12:43:59    

c'est exactement ce que je veux faire !!!! :)
Est ce que cela se trouve dans le code source et comment est ce réparti ? (je débute)
Et finalement c'est quoi comme langage ?
je vais regarder et essayer de décripter tout ça...

Reply

Marsh Posté le 08-02-2005 à 12:45:57    

Tiens, en voyant la page j'etais sur de me trouver face a un bel exemple de JS non compatible avec tout les navig, et en fait le mec a bien fait les choses avec des CSS :D , chapeau


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 08-02-2005 à 13:12:44    

Et est ce qu'il existe des tuto (CSS) pour ce type d'action sur image ??

Reply

Marsh Posté le 09-02-2005 à 01:00:45    

Y a pa de secret, faut commancer par les bases de CSS et apres ... voila ... va voir sur le site http://www.alsacreations.com/articles/
 il y a pas mal de trucs


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 09-02-2005 à 01:05:31    

tu devrais aller vérifier ce post
 
edit: omg taureau le mec qui a fait ce site est un vrai, un dur [:thierry3]  
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />


 [:thierry3]  
 
Le serveur web sert ça comme text/html (ce qui explique qu'IE puisse le voir), mais respect quand même pour avoir tenté


Message édité par masklinn le 09-02-2005 à 01:10:09

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 10-02-2005 à 23:52:22    

Hello,
Donc voila j'ai quand même réussi après plusieurs essais. Avec du javascript pour le préchargement des images. Et avec le principe du "on mouse over" et "out" pour les vignettes.
Je vais me former avec les CSS, pour ensuite essayer une autre mise en forme plus compatible...
Merci :)


Message édité par othervoices le 10-02-2005 à 23:53:08
Reply

Marsh Posté le 11-02-2005 à 15:21:20    

Oups' encore un petit problème...  
Une fois en ligne le "rollover" ne fonctionne plus!!  
La main apparaît au dessus de mes vignettes lorsque je passe dessus mais l'image n'est pas visible (lien mort)  
!!seulement un petit carré blanc avec une croix rouge à l'intérieur!!  
Pourtant les images sont bien dispo dans leurs dossier sur le serveur, avec un positionnement identique à mon dossier d'origine sur mon disque.  
Alors je ne comprends plus rien!! (problème de préchargement???).

Reply

Marsh Posté le 12-02-2005 à 11:29:38    

Personne a une idée ou a été déja confronté au même problème... ????? :)

Reply

Marsh Posté le 12-02-2005 à 11:29:38   

Reply

Marsh Posté le 12-02-2005 à 12:00:02    

C'est que le lien est pas bon ;)

Reply

Marsh Posté le 12-02-2005 à 15:05:51    

FlorentG a écrit :

C'est que le lien est pas bon ;)


 
Effectivement, j'ai retapé un par un le chemin des liens dans mon code source (ainsi que dans la fonction de préchargement du javascrip)et depuis cela fonctionne.
Merci et très bon week end :)
PS : je vais quand même m'exercer avec les CSS... ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed