Div-hack & Zoom, Es-possible ?, Div-Hack & Zoom, es-possible ?

Salut !

Je voudrais montrer une carte "zoomable" (fait) mais avec des points dessus qui
repressente des choses differents (zoomés ou pas).

Et voila que j'arrive pas du tout.

* Aggrandir une image, c'est facile.
* Poser des images où je veux (avec le Div-hack) c'est assez facile aussi.
* Poser une image aggrandie où je veux, c'est possible ?

Peut-être (surement même ^^) que quelqu'un d'ici aurait la reponse ?



/Ludvig

Explique (avec des exemples) les méthodes que tu utilises pour agrandir et pour positionner, parce que je ne vois pas le problème.
Tu manipules sans doute les attributs width et height de IMG pour agrandir une image, et un div en position: absolute pour le mettre où tu veux, non ? Donc ben... tu met le position: absolute sur l'img (ou un div englobant) et ça devrait le faire, non ?

Je dessine quelques images (là ça marche, mais sans zoom) :

où le css est comme ça :

Donc j'ai essayé de mettre des "width=100px;" etc mais ça change rien du tout...

il faudrait changer le css (dynamiquement) peut-être ou il suffirait de changer les <div> ... </div> ?

Enfin je trouve pas donc si un guru pourrait me mettre sur la bonne voie ^^


Merci

/Ludvig

Je ne crois pas qu'il existe de moyen de modifier la taille d'une image utilisée comme background-image.

Tu peux plutôt essayer d'utiliser une balise IMG, de la redimmensionner et de la placer en position absolue :

Ca parait même parfait !

Merci !!

/Ludvig

Une autre solution (adoptée sur un vieux projet en CSS avant de passer au Flash) est de réaliser plusieurs tailles d'image en fonction de tes différents niveaux de zoom et de les préloader au chargement de la page. Ca marche bien aussi

C'est exact mais du coup le boulot se fais coté serveur, et même du boulot inutile si le joueur ne zoome pas.

/Ludvig