iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

[jeanpg]

bonjour tout le monde,

j'aimerais beaucoup connaitre la suite faire fonctionner ce magnifique slideshow!
j'ai téléchargé les fichiers .js ainsi que les 4 images que je modifierai sans doute, mais que faut-il faire ensuite?
P.S.:je ne connais pas du tout javascript

[crestef]

Bonjour à tous,

je viens de lire ce post qui m'intéresse au plus haut point, car je désire réaliser pour une de mes page un rollover qui afficherait une image plus grande. Je vais essayer de poster deux images pour mieux expliquer ce que je souhaite faire


Donc ça, c'est la page avec toujours des images "id” “Ps” “Ai”... sur lesquels je souhaiterais faire un effet rollover qui ferait apparaître une image :



Voila... quand la souris passe sur le bouton “id” cela ferait apparaître une image plus grosse d'explication. Il faudrait la même chose pour les 5 boutons suivants...

J'ai essayé le code qui est proposé au début de ce post, mais ce n'est pas concluant... en fait ça ne fonctionne pas.

J'ai mis toutes les images dans un dossier à la racine de mon site, ce sont des images png car je veux cet effet de transparence dans la bulle d'explication.

Peut-être qu'un effet fancy zoom pourrait faire l'affaire, mais d'après ce que j'ai vu ça ne fait qu'agrandir l'image de départ... je vais étudier ça sur le site de Marc.

Voili-voilou... si un Maître Jedï du forum pouvait me guider ce serait super.

Merci par avance

[Marc]

1. Je pense que ce que vous voulez obtenir est réalisable avec la "méthode de rollover déporté en CSS" . par contre tout ça se fait en code.
Voici une variation personnelle de cette page qui, je pense, se rapproche de ce que vous voulez faire. j'aurais pu faire varier la couleur d'arrière-plan pour chaque personnage, faute de temps je ne l'ai pas fait.

J'utilise cette méthode de rollover déporté pour ma page index.html

2. Pour fancyZoom , ça n'agrandit pas forcément l'image : on peut tout à fait ouvrir une autre image c'est d'ailleurs le cas sur mon tuto. Mais on s'éloigne de ce que vous vouliez faire au début

[crestef]

Bonjour Marc,

merci pour ta réponse... Le rollover déporté : c'est tout à fait ce que je veux faire, exactement comme dans ton exemple “variation personnelle”. Le passage de la souris sur chaque icône fait apparaître une autre image, positionnée toujours au même endroit dans la page.

Sur ta page index.html le principe est le même sauf que l'image se décale au fur et à mesure que l'on descend pour être bien en face des icônes. Dans mon cas je préfère la première solution avec une image qui apparaît toujours au même endroit.

Ceci dit, les deux méthodes m'intéressent

Encore merci

[Marc]

Pour ma page de variation adaptée à votre cas, je vous demande un peu de patience
Pour faire un truc comme ma page index : même pas en rêve, j'en ai trop bavé

C'est quoi l'icône noire avec le sigle Adobe, et la verte c'est bien Quarkxpress?

[Marc]

Voilà : http://iweb.debutersurmac.com//visibili ... index.html
attendez que la page soit entièrement chargée pour essayer l'effet rollover
Le plus gros est fait mais il faut juste que je règle un petit problème liée à une zone réactive en haut de l'écran.

[crestef]

Merci Marc,

Pour l'icône noire c'est Acrobat Distiller, il fait partie de la CS4 et il permet de générer des PDF aux petits oignons à partir d'Indisgn ou d'Xpress. Et l'icône verte, c'est bien Xpress.

Je m'en vais de ce pas travailler mon rollover.

A plus.

[crestef]

Marc,

comment je dois faire pour l'adapter à ma page ?

Est-ce que je dois récupérer le code source du lien que tu m'as envoyé et le placer dans un widget de ma page Iweb en mettant les bonnes adresses pour mes images ?
Ou est-ce un index à remplir dans Smultron et à placer à la racine de mon site ?

Merki

[Marc]

Pour l'instant c'est un premier jet. il faut que j'épure le fichier CSS qui est bourré d'erreur et que je le commente pour que vous ne soyez pas trop "largué" quand vous l'éditerez .
Si vous pouviez aussi me donner les images qui serviront à construire cette page à la bonne échelle ainsi que la taille du widget qui accueillera cette présentation, ça m'aiderait considérablement.
Une fois ceci réalisé, je vous mettrais un fichier zip que vous téchargerez, dézipperez, éditerez et transférerez sur votre serveur.

[crestef]

Ok Marc,

je m'en occupe ce soir.

Merci encore