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

par **Marc** » Dim 26 Avr 2009 03:29

camstramgram a écrit:Tout d'abord, les images doivent être insérées dans la page iweb, sinon, le navigateur de fait pas le lien. J'ai donc du camoufler les img derrière des vignettes crées par le code.
Méthode peu orthodoxe, non?..

peu orthodoxe certes mais tout à fait valable.
A utiliser uniquement si le rollover doit être utilisée sur une seule page.
J'aime bien conseiller cette méthode aux débutants, comme ça ils ne s'embrouillent pas à rechercher les liens absolus des images. Je l'utilise aussi beaucoup.

Si plusieurs pages doivent partager les même images il est préférable de mettre un dossier à la racine du site dans lequel seront rangé les images et celle ci seront appelés par leur lien absolu http/monsite.com/mondossier/monimage.jpg

Hello!

Le code marche, mais après avoir testé son fonctionnement, les img apparaissent sur opéra (et donc certainement sur IE) de manière "instable". C'est à dire, elles sont à moitié pixélisées selon les moments. Et cela alors que mes pages se chargent très bien sur firefox et safari.
http://www.ccedilleonline.com/ccedille/AR1.html

Sinon, le widget installé a créé un lien quand on clique sur les images, est-il possible de désactiver ce lien? Ou alors, le paramétrer afin qu'il mène uniquement à l'image sélectionée?

Un grand merci pour l'attention et le temps que vous prenez pour répondre aux iwebeginners, c'es un bel exemple de solidarité.

Camille

par **philippe** » Lun 27 Avr 2009 03:19

camstramgram a écrit:Hello!

Le code marche, mais après avoir testé son fonctionnement, les img apparaissent sur opéra (et donc certainement sur IE) de manière "instable". C'est à dire, elles sont à moitié pixélisées selon les moments. Et cela alors que mes pages se chargent très bien sur firefox et safari.
http://www.ccedilleonline.com/ccedille/AR1.html

Sinon, le widget installé a créé un lien quand on clique sur les images, est-il possible de désactiver ce lien? Ou alors, le paramétrer afin qu'il mène uniquement à l'image sélectionée?

Un grand merci pour l'attention et le temps que vous prenez pour répondre aux iwebeginners, c'es un bel exemple de solidarité.

Camille

Bonjour,

Pour moi, le test dans IE 07 est bon et il n'y a pas de problème d'affichage.
Pour Opéra je ne sais pas ce que ça donne, je ne l'utilise pas.

On ne peut pas supprimer le lien des vignettes, cela annule la fonction du rollover.
Le mieux est de mettre l'adresse d'un lien image ou page comme tu veux et celui-ci peut s'ouvrir, soit sur la même page, soit dans une nouvelle page.

Le lien est à mettre sur cette ligne dans le code, et pour chaque image :

<a href="http://www.monsite.com/dossier/test.html" target="_blank">
<img src="http://www.monsite.com/dossier/img1small.jpg" width="120" height="50" border=0>
<span><img src="http://www.monsite.com/dossier/img1big.jpg" width="616" height="250" border=0></span></a>

L'option target="_blank" ouvre le lien dans une nouvelle page du navigateur.
L'option target="_top" ouvre le lien dans la même page du navigateur.

A+

par **camstramgram** » Lun 27 Avr 2009 06:02

Hello!

J'ai inséré un lien vers une page sur la ligne de code que tu m'as indiquée.
Le lien marche mais au détriment du rollover distant. Celui-ci ne s'affiche plus sur aucune img.

Grrr.

par **philippe** » Lun 27 Avr 2009 06:06

Bonjour,

Pas de panique, envoies moi le code complet que tu mets dans le fragment HTML.

A+

par **camstramgram** » Lun 27 Avr 2009 06:14

Voici ma page
http://www.ccedilleonline.com/ccedille/AR1.html

Et voici le code
{J'ai créé un dossier allerretour à la racine de mon site avec mes img (le lien marche sans la ligne de code rajoutée)}

<head>

<style type="text/css">

a {
margin: 50px 13px 0px 0px;
text-decoration: none;
}

a span {
display: none;
}

a:hover span {
display: block;
position: absolute;
top: 120px;
left: 0px;
}

</style>

</head>

<body>

<a href="http://www.ccedilleonline.com/ccedille/AR1-1.html" target="_top">
<img src="http://www.ccedilleonline.com/allerretour/sFiers.jpg" width="145" height="54" border=0>
<span><img src="http://www.ccedilleonline.com/allerretour/gd-fiers.jpg" width="780" height="292" border=0></span></a>

<a href="http://www.ccedilleonline.com/ccedille/AR1-2.html" target="_top">
<img src="http://www.ccedilleonline.com/allerretour/sEnfants.jpg" width="145" height="54" border=0>
<span><img src="http://www.ccedilleonline.com/allerretour/gd-enfants.jpg" width="780" height="292" border=0></span></a>

<a href="http://www.ccedilleonline.com/ccedille/AR1-3.html" target="_top">
<img src="http://www.ccedilleonline.com/allerretour/sCameraman.jpg" width="145" height="54" border=0>
<span><img src="http://www.ccedilleonline.com/allerretour/gd-cameraman.jpg" width="780" height="292" border=0></span></a>

<a href="http://www.ccedilleonline.com/ccedille/AR1-4.html" target="_top">
<img src="http://www.ccedilleonline.com/allerretour/sMiroir.jpg" width="145" height="54" border=0>
<span><img src="http://www.ccedilleonline.com/allerretour/gd-miroir.jpg" width="780" height="292" border=0></span></a>

<a href="http://www.ccedilleonline.com/ccedille/AR1-5.html" target="_top">
<img src="http://www.ccedilleonline.com/allerretour/sGare.jpg" width="145" height="54" border=0>
<span><img src="http://www.ccedilleonline.com/allerretour/gd-gare.jpg" width="780" height="292" border=0></span></a>

</body>

par **Marc** » Lun 27 Avr 2009 06:31

ça marche si bien sur le widget_markup.html* pourtant...

http://www.ccedilleonline.com/ccedille/ ... arkup.html

*page HTML du Widget "fragment HTML"

par **philippe** » Lun 27 Avr 2009 06:36

Bonjour,

Chez moi ça marche, j'ai fais une page test à cette adresse : http://www.phvillard.fr/exemples/son/sontest/son.html

As-tu mis un élément transparent au dessus des vignettes ?

A+

par **philippe** » Lun 27 Avr 2009 06:42

Re bonjour,

Sur IE 07 pas de problème non plus, sauf qu'il faut penser à agrandir le fragment HTML de 20 pixels environ car IE a tendance à mal interpréter les dimensions d'iWeb.

A+

par **Marc** » Lun 27 Avr 2009 06:57

sauf que l'un utilise iWeb 2 (Philippe) et l'autre iWeb 3 (camstramgram)
et que le mode d'intégration du widget HTML n'est pas le même
pour iWeb 2 il s'agit d'une iframe (2e ligne) avec javascript (4e ligne) (nb:je parle en ligne de code parce que sinon pour beaucoup c'est la 3e et 6e ligne)

Code: Tout sélectionner: <div class="com-apple-iweb-widget-HTMLRegion" id="widget1" style="height: 466px; left: 58px; position: absolute; top: 231px; width: 865px; z-index: 1; "> <iframe id="widget1-frame" src=".//son_files/widget1_markup.html" frameborder="0" style="width: 100%; height: 100%;" scrolling="no" marginheight="0" marginwidth="0" allowTransparency="true"></iframe> </div> <script type="text/javascript"><![CDATA[//><!]]></script>

et pour iWeb 3 d'un javascript uniquement

Code: Tout sélectionner: <div class="com-apple-iweb-widget-HTMLRegion" id="widget0" style="height: 58px; left: 112px; opacity: 1.00; position: absolute; top: 0px; width: 793px; z-index: 1; "> <script type="text/javascript"><![CDATA[//><!]]></script> <div id="widget0-htmlRegion" class="html_region_widget"></div> </div> <script type="text/javascript"><![CDATA[//><!]]></script>

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

plusieurs rollovers distants sur une même page

Re: plusieurs rollovers distants sur une même page

Publicité

Re: plusieurs rollovers distants sur une même page

Re: plusieurs rollovers distants sur une même page

Re: plusieurs rollovers distants sur une même page

Re: plusieurs rollovers distants sur une même page

Re: plusieurs rollovers distants sur une même page

Re: plusieurs rollovers distants sur une même page

Re: plusieurs rollovers distants sur une même page

Re: plusieurs rollovers distants sur une même page

Re: plusieurs rollovers distants sur une même page

Qui est en ligne