Discussion :

[micatmidog]

Bonjour,

J'aimerais avoir quelques idées pour mener à bien mon idée :

- J'ai une image de 100x100 pixels.
- Cette image représente un quadrillage de carré de 5x5 pixels.
- J'aimerais, si possible, au survol de la souris, faire apparaître une image sur le carré survolé, et qu'il s'y "accroche", c'est-à-dire, si l'utilisateur bouge sa souris d'un pixel à droite, mais qu'il est toujours dans le carré de 5x5, ne pas bouger l'image apparaissant au survol.

Merci d'avance pour votre aide

[Kerod]

Il faudrait nous donner plus de précisions.Ton carré est construit comment.
Pour faire apparaitre l'image il faudra utiliser l'évènement onmouseover

[micatmidog]

En fait, j'utilise la librarie GD, de PHP.
J'ai à la base une image blanche de 700x500 pixels.
GD la divise en 35 images de 100x100 pixels.
Mais avant cela, GD déssine un quadrillage sur l'image, qui fera apparaître des carrés de 5x5 pixels.

Ce qui donne ceci :


Je voudrais, quand le curseur passe sur l'un de ces carrés, qu'une image s'affiche dessus, une image gif transparente notamment, alpha 50% par exemple, pour que l'utilisateur voit sur quel carré il va cliquer.

Je voudrais quelques pistes pour débuter ceci.
Merci d'avance.

[Kerod]

Ou pour le survol, et pour faire simple, utiliser un mapaera qui permet de positionner des zones réactives sur des images ou autres, en fonction des coordonnées

[micatmidog]

Le problème c'est qu'il y a 14 000 carrés de 5x5.
14 000 map area ?

Je pensais faire ça dynamiquement...
0,0, 0,5, 0,10, 0,15...
5,0, 5,5, 5,10, 5,15...

[ecocentric]

faire balader un div en fonction de la position de la souris avec l'image de mise en évidence placée dans ce div ?

EDIT - pour la conversion de position => x' = (int)x/5 + 1 si x%5>0
(pour avoir les coins du carré dans ton image) (refait un dessin avec un système d'axe et tes blocs, petits et grands)