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

[margate]

bonjour
Je voudrais mettre des images en vignettes sur le côté (en tout petit) et faire que lorsqu'on passe dessus ou bien lorsqu'on clique dessus, l'image apparait en grand au centre de la page et remplace celle qui était déjà insérée.
je ne sais pas si c'est très clair ! bref tout ça sans passer par une galerie mais vraiment integrer dans une page Iweb.
Je sais qu'on peur faire des "roll over" "mouse over" et que le fichier s'ouvre dans une nouvelle page mais coment faire pour qu'il s'ouvre dans cette même page ???

HELP !!!!!:shock:

Margate

[color=red]Je fusionne avec le sujet unique Mouse Over et Roll Over[/color]

[koeklin]

c'est un truc vaguement comme ça que tu veux faire? clique sur une des photos de chat en bas de la page:
http://www.debutersurmac.com/tutoriels/coulisses.html

[Ikone]

Ouah! C'est terrible..
Ca ne ressemble pas à des fonctions rollover ou mouse over...
Mais c'est encore mieux.

De memoire, les fonctions "over" changent l'image sur elle même...



D'ailleurs c'est fait comment la tienne?

Thanks

[margate]

ce système est génial ! ce n'est pas exactement ce que je voulais faire mais je veux savoir comment tu fais, car j'adore !!!!!
Sinon moi c'est ce principe de cliquer sur une "mini photo" et qu'elle s'affiche à côté en taille réelle sur la même page.
Mais bon j'ai envie d'essayer ton système.. on peut le faire aussi ?

@+

[margate]

koeklin, j'en profite pour te demande comment tu as conçu tes boutons de menus. tu as donc fait un mouse over ? comment ?
tn site est vraiment complet et ergonomique. Merci !

[koeklin]

c'est l'effet lightbox, sur iWeb c'est un peu la galère à mettre en oeuvre mais c'est possible mais....mieux vaut l'oublier sur des pages que tu éditerais souvent
faut bouffer du code cette fois: éditer la page la page avec un editeur de texte comme smultron et coller les codes, le html widget ne suffit pas

lightbox2

Le même effet existe aussi pour lire les vidéos mais pour les tutos de ma femme il vaut mieux abandonner l'idée car il suffit d"un click malheureux sur la fenêtre du navigateur pour faire disparaître la vidéo...

bon maintenant il faudrait savoir ce que tu souhaitais faire initialement (si t'avais un lien d'un site qui propose cet effet) parce que j'ai du mal à comprendre.

[margate]

je vais regarder lightbox de plus près mais comme tout est en anglais, je risque de mettre un peu plus de temps.. et surtout de d'appeler à l'aide !
Sinon voici un site qui résume parfaitement ce que je veux faire, par ex à cette page : http://www.fredericmatt.com/index2.html
Si tu peux regarder aussi l'accueil, une animation flash très simple mais beau rendu et l'arrivée du menu (d'après toi c'est du flash aussi, ou bien on peut le faire en htlm?)

[margate]

y a pas un tutorial de Lightbox en français ??
Koeklin, tu as vu le site dont je parle au dessus ? c'est faisable sur Iweb ?

[koeklin]

Une recherche Google et j'ai touvé ça
http://peutetreunereponse.over-blog.com/article-2752559.html
C'est toujours possible mais iWeb n'est surement pas le logiciel le mieux adapté pour faire cela
mieux vaut avoir certaines notions de HTML et sans doute un autre logiciel pour se lancer dans une telle entreprise

[margate]

Cette référence est pas mal mais plutôt accès pour les blogs... Qui utilise cette fonction ? lightbox ou bien lytebox ? il faut vraiment que j'arrive à le faire. c'est même une fonction qui devrait exister pour Iweb !
avis aux développeurs .....

[MireilleG]

y a pas un tutorial de Lightbox en français ??
c'est faisable sur Iweb ?

Il y a quelque chose de très similaire que l'on peut faire sur iWeb visite clubiweb.com page des astuces.
Mireille

[margate]

l'interface est très belle.. tu as déjà essayé de l'intégrer dans Iweb ?
comment ?

[MireilleG]

Je suis désolée quand tu y es allée j'étais encore en train de finir la page donc il manquait quelques renseignements. Si tu y retourne j'explique comment l'intégrer dans iweb.
Mireille

[koeklin]

quel script (ou code HTML) utilises tu pour l'afficher dans ta page de blog, Mireille?

[margate]

Merci je viens de tout installer. Ton site est très esthétique, j'aime beaucoup ton choix de couleurs. Très très bonne initiative
Je viens de tester Simpleviewer et à mon grand désespoir quand je change par ex les couleurs dans les Options, la touche accept ne fonctionne plus.. donc pas de validation.
ESt ce que l'intégration fonctionne pour ftp (je ne suis pas abonnée .mac)?
Sinon tu penses vraiment que Lightbox ne peut pas marcher sous Iweb 2 ?? j'ai toujours espoir ! c'est vraiment l'effet qu'il me faut ou bien ceci : (regarde la manière d'ouvrir les images) : http://www.fredericmatt.com/index2.html
Je cherche p être trop à pousser Iweb ... peut être devrais je utiliser un logiciel plus flexible..
Merci en tout cas pour ton site !

[koeklin]

Pour faire un lightbox il serait préférable de le faire avec un autre logiciel que iWeb puis d'integrer cela dans ton site grace à la technique de l'iframe que j'ai developpé dans un autre topic...
en gros que ça soit qui m'y colle à ta place pour toute la partie codage et je ne suis même pas sur que le résultat final te plaira car seule la fenetre vers la page de photos s'assombrirait et non la page entiere.

Ce que te propose Mireille est à mon goût plus esthetique et facile
...reste à savoir ce qui coince

[jabadao]

Bonjour,

Tout est dit dans le titre. Est-il possible dans le menu ou ailleurs, de basculer d'une image à l'autre lorsqu'on passe la souris dessus ?

Même problème pour les rectangles dans les menus : si on choisit d'activer comme lien un rectangle, on ne peut pas choisir la couleur de fond dans les options "inspecteur de lien -> format". Y-a-t-il une alternative pour modifier l'image de fond en passant la souris dessus ?

Merci d'avance.

[zepatente]

Bonjour ce que tu désires c'est un roll over

Il y a une méthode sur le site de 27avenue @+

[Invité]

Tout est dit dans le titre. Est-il possible dans le menu ou ailleurs, de basculer d'une image à l'autre lorsqu'on passe la souris dessus ?

C'est ICI

Même problème pour les rectangles dans les menus : si on choisit d'activer comme lien un rectangle, on ne peut pas choisir la couleur de fond dans les options "inspecteur de lien -> format". Y-a-t-il une alternative pour modifier l'image de fond en passant la souris dessus ?

A part la couleur du texte rien pour le "bouton" si ce n'est de faire des images identiques mais de couleurs différentes et d'appliquer un roll-over, comme précedemment, ou alors de rapatrier un script tout fait.

[jabadao]

Merci de vos réponses.
Il y a aussi une discussion sur ce sujet sur ce site : (en anglais)

http://web.mac.com/catucker/InsideOutside/Rollover.html