christine

Bonjour à tous

j'ai réalisé une galerie photo en CSS.
J'ai mes miniatures et lorsque je passe la souris dessus les images reelles apparaissent dans la même page.
A partir de là tout se passe bien, sauf un léger problème .
Si je clique sur la page ou sur l une des photos(disons quand la main apparaît il me renvoie à la page précédente.
Donc je pense qu'il le fait par défaut.
Il y aurait il un moyen pour remedier à ce probleme.

je vous donne mon code:

<div id="boitedroitereg">
<div id="boitevignette">
<table class="vignette">
<tr>
<td><a href=""><img src="pics/cdeco-compo-070[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-070[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-072[1].jpg"alt="image" /><span class="hide"><img src="pics/cdeco-compo-072[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-074[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-074[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-075[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-075[1].jpg" alt="image" /></span></a></td>
</tr>


<tr>
<td><a href=""><img src="pics/cdeco-compo-081[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-081[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-082[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-082[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-083[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-083[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-084[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-084[1].jpg" alt="image" /></span></a></td>


</tr>



<tr>
<td><a href=""><img src="pics/cdeco-compo-112[1].jpg"alt="image" /><span class="hide"><img src="pics/cdeco-compo-112[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-113[1].jpg"alt="image" /><span class="hide"><img src="pics/cdeco-compo-113[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-098[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-098[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-096[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-096[1].jpg" alt="image" /></span></a></td>

</tr>

<tr>
<td><a href=""><img src="pics/cdeco-compo-047[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-047[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-043[1].jpg"alt="image" /><span class="hide"><img src="pics/cdeco-compo-043[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-098[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-098[1].jpg" alt="image" /></span></a></td>
<td><a href=""><img src="pics/cdeco-compo-096[1].jpg" alt="image" /><span class="hide"><img src="pics/cdeco-compo-096[1].jpg" alt="image" /></span></a></td>

</table>
</div>
<div id="fond">
<img src="pics/cdeco-compo-096[1].jpg" alt="image" width="302" height="35/>

</div>
</div>

Après je ferai une combinaison avec du php mais pour le moment je teste ma galerie.
la boite fond est pour l image reelle et les boites vignettes pour les miniatures.

Je vous remercie
Christine

christine

J'ai trouve mon problème qui était tout bête finalement.
Dans mon code j avais laissé mes liens tels que <a href=""> il fallait tout simplement que j ecrive mon code ainsi bien evidemment : <a href"#">

Christine

christine

<a href="#"> autant pour moi

LupusMic

L'élément anchor n'es tpas destiné à ça. Je te conseille de déporter le comportement sur l'élément cibles (image).

Car ce que tu as fait, ça marche peut-être bien sous MSIE, mais très mal dans Firefox, car le click n'est pas intercepté au même moment. Ce référer à la doc du W3C pour comprendre le bubbling, les événements et compagnie.

christine

ok je vais faire ce que tu me proposes.
Par contre concernant Firefox je n avais aucun probleme concernant les deux methodes mais si tu le dis je vais donc y remedier.Je vais me documenter car ça peut être interessant oui.
Merci

christine

re

est il aussi convenable que je fasse <a href=#la page où se trouve ma galerie.extension>
le symbole indique de rester dans la même page mais vu ce que tu me disais est ce que ceci peut être mieux?
Tu vas me dire que ça ne change rien puisque seul ou pas il reste dans la même page donc à quoi bon surement d' indiquer la page.
Christine

christine

BONJOUR

Par contre j ai un autre probleme avec cette galerie photo.
Lors du passage de la souris entre mes miniatures ma fenêtre saute avec IE.

Merci

christine

Je precise aussi que je n ai utilise que du CSS pas de javascript.
Et lorsque ma fenetre saute un menu deroulant apparaît en bas de ma page.
Il y aurait il tout simplement un decalage que je ne vois pas.

Car j ai eu ce probleme avec IE 6 ou mon cadre droit etait decalee et s est retrouvee sous l autre.
J ai pu le savoir avec un ami , donc je vais retenter de diminuer ma largeur .

Christine

christine

bonjour

pour ce fameux"saut" il fallait que je parte de la droite.(dans mon cas)

Par contre j ai deux galeries photos où les images reelles s affichent sur la même page pur CSS sans javascript.

les deux html/css .
Bien evidemment avec php possible.

Il y en a une avec scroll.

Christine