script présentation d'images

[...]
- si ma souris passe sur la zone de gauche, alors sur la zone de
gauche s'affiche en superposition un texte (ou une autre petite image)
=> "photo précédente"
- si ma souris passe sur la zone de droite, alors sur la zone de
gauche s'affiche en superposition un texte (ou une autre petite image)
=> "photo suivante"
[...]

Sans JavaScript, pour tous les navigateurs sauf IE (en version <= 6 ;
je ne sais pas ce que cela donne dans IE 7) : utiliser « :hover » en
combinaison avec des « z-index » (ou peut-être des « display: none »).

Pour Internet Explorer : on rajoute une bidouille JavaScript pour
l'aider à comprendre le « :hover ».

Tu peux voir par exemple ce que j'en ai fait ici :
http://www.miakinen.net/vrac/charsets/
... mais je pense que tu dois trouver d'autres exemples beaucoup
plus simples ailleurs.

PS : j'ai posté sur fciwa (je sais pas si c'ets une bonne idée) et
aussi sur fclj où je positionne le suivi (me semble le plus adapté).

ÀMHA, tu as très bien fait aussi bien pour la publication croisée que
pour le suivi.

[...]Sans JavaScript, pour tous les navigateurs sauf IE
oh, ce serait encore mieux je pense !! :-)

utiliser « :hover » en
combinaison avec des « z-index » (ou peut-être des « display: non e »).
C'est possible de gérer une zone avec :hover ? cela m'étonne beaucoup,

mais pourquoi pas

Tu peux voir par exemple ce que j'en ai fait ici :http://www.miakinen.net /vrac/charsets/
oui, je vais voir.

PS : j'ai posté sur fciwa (je sais pas si c'ets une bonne idée) et
aussi sur fclj où je positionne le suivi (me semble le plus adapté) .ÀMHA, tu as très bien fait aussi bien pour la publication croisée que
pour le suivi.

euh, si je m'oriente vers du :hover ; ca va plus être bon !

[...]Sans JavaScript, pour tous les navigateurs sauf IE
oh, ce serait encore mieux je pense !! :-)

utiliser « :hover » en
combinaison avec des « z-index » (ou peut-être des « display: none »).
C'est possible de gérer une zone avec :hover ? cela m'étonne beaucoup,

mais pourquoi pas

Mais si, mais si,
exemple :

CSS :
==== .survol { position: relative; width: 240px; height: 120px; }
.survol img { width: 100%; }
.survol a { display: block; position: absolute; top: 0px;
width: 118px; height: 120px; }
.survol a.gche { left: 0px; }
.survol a.dte { left: 120px; }
.survol a span { display: none; margin-top: 40%; }
.survol a.dte span { text-align: right; }
.survol a.gche span { text-align: left }
.survol a:hover span { display: block; }

HTML :
=====
<div class="survol">
<img src="asm1.gif" alt="">
<a class="gche" href="#" onclick="avant();return false;">
<span>Précédente</span>
</a>
<a class="dte" href="#" onclick="apres();return false;">
<span>Suivante</span>
</a>
</div>

euh, si je m'oriente vers du :hover ; ca va plus être bon !

et pourquoi ?
http://www.cssplay.co.uk/menu/avatars2.html
et clique le bouton-menu NEXT
pour un tas d'exemples de diaporamas en CSS
(ce qui n'empêche pas d'avoir besoin d'une pincée de JS)

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé

Mais si, mais si,
exemple :

Ha! plus simple :

CSS :
==== .survol { position: relative; width: 240px; height: 120px; }
.survol img { width: 100%; }
.survol a { display: block; position: absolute; top: 0px;
width: 118px; height: 120px; left: 0px; }
.survol a.dte { left: 120px; }

HTML :
=====
<div class="survol">
<img src="01.jpg" alt="">
<a href="00.jpg" onclick="avant(this);return false;"
title="clic = Précédente"></a>
<a class="dte" href="02.jpg" onclick="apres(this);return false;">
title="clic = Suivante"></a>
</div>


--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé

- si en plus les textes/images "photos suivante" pouvaient arriver en
fondu, ce serait parfait !

Ha si c'est l'objet principal du post, en pures css ça va pas être
facile, même si on peut jouer avec UL et LI pour le faire (non IE !).

<script type="text/javascript">
function fadder(what, duration, opacity, sens)
{
sens = typeof(sens)=='undefined'? 1 : sens;
opacity = typeof(opacity)=='undefined'? 3 : opacity;
what = what.tagName=='SPAN'? what : what.getElementsByTagName('SPAN')[0];
opacity = (opacity == 100)? 99.999 : opacity;
// IE/Win
what.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
what.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
what.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
what.style.opacity = opacity/100
if(sens>0 && opacity<99 || sens<0 && opacity>2) {
opacity += 2*sens;
setTimeout(function(){
fadder(what, duration, opacity, sens);},duration);
}
return false;
}
</script>
<style type="text/css">
.survol { position: relative; width: 240px; height: 120px; }
.survol img { width: 100%; }
.survol a { display: block; position: absolute; top: 0px;
width: 118px; height: 120px; }
.survol a.gche { left: 0px; }
.survol a.dte { left: 120px; }
.survol a span { display: block; margin-top: 40%;
-khtml-opacity:0; -moz-opacity:0; opacity:0;
filter:alpha(opacity=0); }
.survol a.dte span { text-align: right; }
.survol a.gche span { text-align: left }
</style>
<div class="survol">
<img src="asm1.gif" alt="">
<a class="gche" href="#"
onclick="avant();return false;"
onmouseover="fadder(this, 10, 0, 1);"
onmouseout="fadder(this, 10, 99, -1);">
<span>Précédente</span>
</a>
<a class="dte" href="#"
onclick="apres();return false;"
onmouseover="fadder(this, 10, 0, 1);"
onmouseout="fadder(this, 10, 99, -1);">
<span>Suivante</span>
</a>
</div>


--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé

Bon, grosso modo, j'ai pris vos exemples, et j'ai russi à faire
quelque chose de convenable. en tout cas, cela ME cnvient, je présente
mon ptit test à d'autres personnes demain, en espérant que ca roule
aussi pour eux.

Merci donc Stephane !