Si tu as le temps de nous monter un environnement qui marche d'après toi, mais tu as le temps, je ne me recolle pas sur le MOD avant mi-septembre c'est certain.

Il n'y a pas que ça...

Pour moi, le besoin n'est pas tel que.

Ce que je veux faire:

Le curseur est en dehors du cadre de la miniature : Rien.
Le curseur passe sur la zone entre le cadre et la miniature : Rien.
Le curseur passe sur la miniature réduite et carrée, la vraie miniature s'affiche au-dessus.
(*): En cas de clic sur la vraie miniature, le lien vers l'image est activé.
Sans clic, le curseur sort de la vraie miniature, la vraie miniature disparait éventuellement au profit d'une autre ou non suivant le survol en cours.


(*): Actuellement la zone de clic de la vrai miniature ne correspond pas à la zone d'affichage de la vraie miniature. Et c'est ça qui me gêne.

Moralité: J'ai besoin que la miniature carrée soit un lien pour activer le survol, et que la miniature réelle soit aussi un lien différent direct vers picture.php, et que les zones cliquables correspondent aux zones des images.
Malheureusement, le bug est telque décrit à ce jour, mais je ne désespère pas. Si quelqu'un trouve, je prends la solution tout de suite.

8-)

repié38 a écrit:

j'ai peur que faire cela purement en css soit impossible.
deja que la pseudo-class :hover rarement interpreté correctement ...

il me semble que j'avais vu un bout de script quelque part en ajax qui pourrait peut etre permettre de faire ca.
mais bon, le js, si je peut m'en passer ...


ps : ah oui, visuellement, il serait bien que la miniature s'affiche sous le curseur , quitte a le suivre pendant le survol de la zone voulue.
n'y aurait t'il pas quelque chose a faire en css en utilisant "l etiquette" sous le curseur ?
(genre l'idée brute :

Code:

<img src="img.jpg" alt="img2.jpg" ...

(brute de brute ... °-)

Je l'ai vu déjà sur un site mais je n'ai pas l'adresse, impossible à retrouver. En tout cas css: ça marche.

" il serait bien que la miniature s'affiche sous le curseur ": Pas d'accord, les miniatures carrées du bas de l'écran auraient l'hoverbox en dehors de l'écran. Le coin en bas à droite de l'hoverbox doit correspondre à peu près (visuel correct) au coin en bas à droite de la miniature carrée dans le cas d'un menubar à gauche (défaut de yoga).

Je n'ai pas compris «quelque chose a faire en css en utilisant "l etiquette" », veux-tu dire dans l'ALT, mais dans l'ALT ce n'est que du texte non interprété par les navigateurs. Explique ta pensée...

en résumé ces scripts :
- adaptent l'image (redimensionnement de l'image pour que la plus petite des dimensions fasse 120px)
- "découpent" l'image avec un outil qui fait 120px*120px dans la zone médiane de l'image H ou V (c'est ce point qui m'a obligé de faire 2 scripts puisqu'il faut center le "découpage" horizontalement sur les images H et verticalement pour les images V)

Bien aprés la bataille : en n'utilisant pas l'outil recadrage mais la taille de la zone de travail (options par défaut) tu peux faire un seul script photoshop.

Cordialement,

Philippe LAGARDE

je viens de relire plus attentivement le fil de discussion complet et vient de trouver la reponse a ma question. merci donc et désolé pour les posts intempestifs. je vais essayer avec l'exemple donné par Vincent. je ne suis pas intéressé par l'affichage de la vignette compléte en hover, donc ça doit être plus simple pour moi.

Thierry.

VDigital a écrit:

tlegras a écrit:

je viens de relire plus attentivement le fil de discussion complet et vient de trouver la reponse a ma question. merci donc et désolé pour les posts intempestifs. je vais essayer avec l'exemple donné par Vincent. je ne suis pas intéressé par l'affichage de la vignette compléte en hover, donc ça doit être plus simple pour moi.

Thierry.

Effectivement, si tu ne cherches que le carré. Les css suffisent à répondre à ton problème.
Cela n'économise pas l'espace disque mais si demain tu veux revenir à une miniature normale, il suffit de changer la class utilisée.
Et le tour sera joué.

8-)

Et ça permet d'avoir des templates à miniatures carrées et d'autres avec miniatures standard. Bref, c'est souple :-)

tlegras a écrit:

je viens de relire plus attentivement le fil de discussion complet et vient de trouver la reponse a ma question. merci donc et désolé pour les posts intempestifs. je vais essayer avec l'exemple donné par Vincent. je ne suis pas intéressé par l'affichage de la vignette compléte en hover, donc ça doit être plus simple pour moi.

Thierry.

Pour tous ceux qui s'interressent aux css et ce qui est réalisable je conseillerai l'excellent site:
http://www.dynamicdrive.com/style/csslibrary/tos/

Je pense que le papa de sucatify serait d'ailleurs interressé par ceci:
Floating image with no text wrap

8-)

PS pour Thierry: As-tu réussi à extraire la partie carrée de mes scripts?