Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Mehrere Hotspots auf einem Bild mit Textanzeige
| geschrieben von Barbossa am 01.03.2007 - 18:11 |
Hallo Javareaner Wer hat Erfahrung oder weiß wie mir geholfen werden kann? Habe ein großes Bild in meinem Fall (ein Fahrscheinautomaten) möchte nun mehrere Hotspots auf gewisse abschnitte legen wie z.B Geldeinwurföffnung wenn man nun mit der Maus im Bild auf diese Öffnung darüber fährt sollte eine kleine Texterklärung erscheinen. In dem großen Bild Fahrscheinautomaten sollten ca 15 solche Hotspots mit Texterklärung integriert werden. Habe schon mit diversen Scripts versucht bisher ohne erfolg. Kann mir bitte jemand in dieser Angelegenheit verständlich besser anschaulich weiterhelfen? Mit besten Grüßen Barbossa |
| geschrieben von Patricia am 01.03.2007 - 21:01 |
| mit welchem HTML Pro arbeitest Du denn? In Dreamweaver kann man auf dem Bild Segmente abteilen und mit Links hinterlegen, so mache ich immer meine Imagemaps.. Du Musst die Koordinaten festlgen wo auf dem Bild diese Hotspots sein müssen schau mal auf meiner Page pattys-page.de da habe ich auf dem Bild diese Imagemap erstellt in meinem Quelltext sieht das dann so aus <map name="Map2"> <area shape="rect" coords="35,65,178,105" href="http://www.pattyspage.de" target="_blank" alt="Hier gibts Insiderwissen rund um die Webmistress dieser Seite"> <area shape="rect" coords="61,186,243,236" href="http://www.pat-hecht-digital.de" target="_blank" alt="Hier befindet sich meine Photogalerie. Digital und analog."> <area shape="rect" coords="28,120,127,160" href="http://www.adopt-a-doll.tk/" target="_blank" alt="Meine Dollz Page"> <area shape="rect" coords="319,114,469,152" href="http://pattydigital.textamerica.com/" target="_blank" alt="mein Photo Blogg"> <area shape="rect" coords="212,153,473,182" href="http://www.20six.de/Pattys_Loggstoff" target="_blank" alt="Pattys Linkblogg"> <area shape="rect" coords="301,56,457,107" href="http://cybermarken.deep-ice.com/" target="_blank" alt="Meien Cybermarken zum Adoptieren"> <area shape="rect" coords="182,105,310,139" href="http://www.pat-hecht-digital.de/postkarten/" target="_blank" alt="Hier kannst Du virtuelle Postkarten verschicken"> <area shape="rect" coords="217,294,319,326" href="http://www.rechtsclickparadies.de" target="_blank" alt="Goodies für PI und andere Grafikproggs"> <area shape="rect" coords="464,463,836,477" href="http://www.pathechtdesign.de" target="_blank" alt="Grafik und Websiterestellung by Patricia Hecht - Grafik erstellt mit P o s e r und P I und P S"> <area shape="rect" coords="48,339,309,386" href="http://www.rechtsclick-paradies.de" target="_blank" alt="Meine umfangreiche Gifgallerie mit hunderten kostenlosen animierten Gifs, Hintergründen usw. Zum Mitnehmen"> </map> |
| geschrieben von Barbossa am 01.03.2007 - 22:18 |
| Danke für deine Hilfsbereitschaft. Hab mir deine Seite angesehen  , kommt dem was ich anstrebe schon sehr nahe, ist es aber leider nicht!Deine Quikinfos zu den jeweiligen Links verschwinden bzw. erlischen nach ca.3 sek. das sollte bei mir aber nicht sein, da der Infotexte doch etwas gößer sein wird. Auch sollen auch auf den Hotspots keine verlinkung zu anderen Seiten erfolgen. Sobald man einen Hotspot berührt sollte nur eine Quikinfo erscheinen so lange, bis man den Hotspot wieder verlässt. Habe auch schon ein Script auf einer anderen Seite gefunden und habe etwas herum gefummelt aber ich brings` nicht auf die Reihe! Was mir vorschwebt ich leider nicht unsetzen im stande bin, kann man hier betrachten: http://www.gloeckner-nbg.de/tricks/quickinfo.htm Vielleicht hast du oder jemand einen Trick drauf, das man das Script an mein vorhaben anzupassen kann? P.S. Arbeite mit Frotpage03 Mit freundlichen Gruß Barbossa |
| geschrieben von Patricia am 01.03.2007 - 23:36 |
| da das eher eine Scriptfrage ist, statt eine Grafikfrage, hab ich es mal hier her verschoben Ich hoffe, es kann Dir wer helfen... wenn ichs richtig interpretier sollen auf dem Bild mehrere Quicktips erscheinen, je nachdem wo man auf dem Bild die Maus hinfährt. Aber eine Klickfunktion/Linkfunktion solls nicht haben |
| geschrieben von René am 02.03.2007 - 09:12 |
| Wenn du den Code schon hast dann versuch doch mal folgendes: <area shape="rect" coords="35,65,178,105" onmouseover="umpf('Text Text Text',180);" onmouseout="hideumpf();"> |