Re: Effets au passage de la souris (rollover, mouseover...)

par zepatente le Mar 7 Oct - 1:16

Il faut mettre les même crochet partout également et c'est pas le cas ici "src="http"

J'espère que clà va marcher

@+

par Merlin le Mar 7 Oct - 9:05

Je continu a corriger mais ca ne marche toujours pas... Aidez moi SVP

Code:: <a href="http://www.myrddins.org/Rollover/Champiblanc.png” onmouseover="if(document.images) document.rollover01.src='http://www.myrddins.org/Rollover/Champinoir.png';" onmouseout="if(document.images) document.rollover01.src="http://www.myrddins.org/Rollover/Champiblanc.png';" <img "src"="http://www.myrddins.org/blog.html" name="Rollover01"</a>

par Invité le Mar 7 Oct - 11:59

Merlin a écrit:Je continu a corriger mais ca ne marche toujours pas... Aidez moi SVP

Code:
<a href="http://www.myrddins.org/Rollover/Champiblanc.png” onmouseover="if(document.images) document.rollover01.src='http://www.myrddins.org/Rollover/Champinoir.png';" onmouseout="if(document.images) document.rollover01.src="http://www.myrddins.org/Rollover/Champiblanc.png';" <img "src"="http://www.myrddins.org/blog.html" name="Rollover01"</a>

Essaie plutôt cela :

Code:: <a href="http://www.myrddins.org/Accueil_Rainbow.html"> <img style="border: …px solid ; width: …px; height: …px;" alt="texte alternatif " title="Information qui s’affiche au survol de votre bouton" src="http://www.myrddins.org/Rollover/Champiblanc.png" onmouseover="this.src=' http://www.myrddins.org/Rollover/Champinoir.png' " onmouseout="this.src='http://www.myrddins.org/Rollover/Champiblanc.png'"></ a>

A savoir quand même Champiblanc.png semblant être un rectangle blanc. et le blog ne semble pas encore actif.

par Merlin le Mar 7 Oct - 13:08

merci pour ta réponse. Oui le blog n'est pas actif et champiblanc n'est pas un rectangle blanc mais le même que le champinoir en blanc il sont détourés tous les 2.
Je vais essayé ton code.

par Merlin le Mar 7 Oct - 13:19

RESOLU
merci ça marche j'avais essayé avec d'autres codes donnés sur le forum mais le tien est le seul qui fonctionne. Merci

par zepatente le Mar 7 Oct - 20:37

Le seul ?

par MireilleG le Mer 8 Oct - 2:36

hou hou t'as la cote.
Mireille

par gregory le Mer 8 Oct - 10:52

Bonjour å tous,

je reviens vers vous concernant le rollover,je suis débutant sur Iweb, et j'aimerais bien avancer un peu concernant ma page d'accueil, j'y ai inséré un petit morceau de musique et j'aimerai bien, sur les photos
existante pouvoir utiliser ce fameux rollover...

Pourriez vous me dire comment et de quelle manière je dois insérer les adresse de mes photos, et a partir de quel dossier et d'où il se trouve exactement(dans le ftp???)

Bref, vous pouvez voir que je suis un peu perdu et j'aimerai avoir la manip complète ... si vous le voulez bien, bien sur...
Merci d'avance
Greg.

par zepatente le Mer 8 Oct - 15:43

Bonjour,

il y a deux tutoriels sur les sites d'iWeb Beginner et sur le site club iWeb.

La démarche est entièrement expliquée

@+

par garance le Jeu 29 Jan - 20:16

Bonsoir!

alors j'ai épluché des dizaines de sites pour essayer de me débrouiller comme une grande mais je pense que je vais devoir faire appel à vous...
Je ne suis pas encore à l'aise avec le langage html donc ça ne doit pas arranger mon cas.
Alors pour vous expliquer le topo... je veux faire un site ayant une photo comme page d'accueil. Sur cette photo, il y a des personnages sur les têtes desquels lorsque l'on clique on arrive aux 4 différentes pages du site ( donc 4 têtes...). Ceci j'ai réussi à le faire en créant des liens transparents en forme d'ovales.
Ensuite, et c'est là que ça se complique, je voudrais qu'en plus lorsque l'on survolerait ces têtes il y ait une fiche d'information différente pour chacun des personnages qui apparaissent à côté...

D'après ce que j'ai pu voir sur les différents forum, la solution serait donc un rollover déporté et donc que les fiches d'info sur les personnages soient préloadées.
Il faudrait aussi que je puisse régler leurs positions.

Ce forum avait l'air de donner la solution en donnant un lien vers le site 27 avenue mais je n'arrive pas à y accéder...

J'espère avoir été assez claire pour que vous puissiez m'aider. Merci et bonne soirée

par koeklin le Jeu 29 Jan - 21:17

il me semble que 27avenue avait fait un truc de ce genre avec des vidéos, mais autant que je me souvienne 27avenue ne l'avait pas fait avec iWeb.

par garance le Dim 1 Fév - 15:43

merci mais le site de 27avenue aurait fermé pour cause de heu je sais plus il commence un nouveau projet je pense donc pas moyen d'accéder à ses tuto surprise

donc si quelqu'un d'autre saurait où je pourrais me renseigner... respect

par koeklin le Mar 3 Fév - 10:12

tu n'aurais pas iWork '08 (ou '06) par hasard?

par Invité le Sam 7 Fév - 6:34

garance a écrit:merci mais le site de 27avenue aurait fermé pour cause de heu je sais plus il commence un nouveau projet je pense donc pas moyen d'accéder à ses tuto
donc si quelqu'un d'autre saurait où je pourrais me renseigner...

De fait, le tuto que j'avais fait était en "intégration" avec WebAcappella et je n'avais pas testé en "intégration" avec iWeb.
Quelques liens pour :
les Rollovers déportés.
les Cross frame.

A tester en intégration (widget html) dans iWeb.

par koeklin le Sam 7 Fév - 11:15

j'avais testé un truc en flash avec Keynote '08
c'est pas un vrai rollover puisqu'il faut cliquer
mais au moins c'est plus abordable pour un débutant que des codes HTML à qui mieux mieux
le soucis c'est
- que je trouve que l'exportation en flash de keynote donne des résultats aléatoires (c'est tres bof!) et
- que j'ai des soucis d'affichage avec Internet Explorer sur PC (comme c'est étonnant!) une fois que j'incorpore la bannière à iWeb
ça ne vaut pas le coup d'acheter iWork pour un résultat aussi moyen

J'ai essayé aussi l'eportation Quicktime de Keynote, ça déconne plein pot!

par garance le Sam 7 Fév - 16:20

bonjour,
j'ai fini par me mettre sous dreamweaver car iweb ne me suffisait pas pour mon projet. merci quand même de vos réponses et à bientôt!

par **jeancharleslast** le Lun 9 Mar - 23:40

Suite de la discussion ici

par **el padre** le Jeu 2 Avr - 19:09

bonsoir à tous,

je remonte le sujet, comme son titre indique sujet unique, autant éviter de nous éparpiller non

Voilà mon problème: je vais bientôt mettre en ligne un site qui gère de l'actualité musicale. Nous avons décidé d'opérer une gestion par artiste. Pour accéder aux fiches artistes, le visiteur doit cliquer sur son image (pas la sienne celle de l'artiste tourner la tete

). Comme il y a déjà beaucoup d'artistes et qu'il y en aura plus par la suite les vignettes vont être petites. J'aimerais donc qu'au passage de la souris l'image puisse être agrandie pour qu'on puisse voir qui c'est. Je crois que ça s'appelle un effet mouseover mais je ne sais pas comment procéder. Pouvez-vous m'expliquer? Merci d'avance et bonne soirée.

par the boss le Jeu 2 Avr - 21:42

t'as un example sur le site iwebwginner
http://www.iwebeginner.com/iwebeginner/Automator/Entrees/2008/6/1_Rollover.html

par koeklin le Ven 3 Avr - 9:49

C'est plutôt le code proposé par Caribou ( PJG) qu'il faut prendre
http://www.iwebeginner.com/forum/topic910.html#p7461
avec son essai (sans image) sur la partie gauche de sa page
http://pjgplonge.free.fr/forum/essai.html

Effets au passage de la souris (rollover, mouseover...)