Hallo,
ich habe folgendes Problem, ich bin gerade für unseren Informatikkurs mit Freunden dabei ein Browsergame zu programmieren. Es gibt aber folgendes Problem:
Wir haben eine Karte als Bild genommen 100x100 Felder groß, was in unseren Maßen 900px x 500px entspricht. Die Koordinatenlinks sind nun aber sehr sehr klein und mit einer „“ realisiert, jetzt wäre es praktisch wenn man mit der Maus über die Bildfläche fahren könnte und somit einfach nur das Bild an jener Stelle wo sich der Mauscursor befindet vergrößter wird und die Koordinate eventuell noch angezeigt wird. Ich hab noch kaum Erfahrung mit Javascript und brauche dringend hilfe.
Die Frage lässt sich nur schwer pauschal beantworten. Ich schlage für den Anfang eine Suche nach „javascript tooltip“ (eventuell nach „jquery tooltip“, jQuery ist ein JavaScript-Framework, das viele Dinge vereinfacht) vor. Diese Art von Scripts sollte recht brauchbar für die Aufgabe sein.
Ich weiss nicht wie lang euer Informatikkurs ist, aber ein Browsergame ist eigebtlich nicht so schnell fertig
Naja. Richtig zoomen kannst du mit Browsern ja nicht.
Du kannst dem browser höchstens sagen er soll die Bilder größer anzeigen, als sie sind.
Das Image-Tag hat die Attribute: height und width (Welche nicht im Style definiert sind).
Schau dir mal folgenden Testquelltext an. Das ist jedoch nur ein erster Lösungsansatz.
Bei euch müsst ihr natürlich auf jede Mapkoordinate einen Listener legen, der ein Event beim hovern ausführt. Falls ihr Punkte in eurer Map habt, könnt ihr diese natürlich auch gut für das zoomen benutzen (wichtig für das margin)
Sollte jedoch ein Stükchen arbeit sein. Als Neuling wirst du da schon eine 3/4 Stunde dran schreiben
Wenn du Fragen hast einfach fragen