ohnoitsroger
Mitglied
ich habs mir irgendwie gedacht das es falsch is, wollts aber nicht wahr haben...xDich glaub ich bezahl jemanden der mir das macht....
[ERLEDIGT] Grafik mit MouseOver Text!?
- Ersteller ohnoitsroger
- Erstellt am
- Status
ich habs mir irgendwie gedacht das es falsch is, wollts aber nicht wahr haben...xDich glaub ich bezahl jemanden der mir das macht....
ohnoitsroger
Mitglied
Ich hab die aus dem html code von der vorherigen seite, vermutlich liegt da auch der Fehler :/
Wenn's dort auch nicht funktioniert, wird's so sein.
ohnoitsroger
Mitglied
Funktioniert ja beim html, aber die hover/mouseover grafik is riesig und ich grieg sie nicht kleiner und der hintergrund verschwindet beim mouseover effect,....
Du solltest Dir mal die Grafiken aus dem Beispiel genauer anschauen, und was sie von Deiner unterscheidet:
Ich vermute nämlich allmählich, dass auch hier eine Fehlerquelle in Deinem "Konzept" verborgen ist.
Ich vermute nämlich allmählich, dass auch hier eine Fehlerquelle in Deinem "Konzept" verborgen ist.
ohnoitsroger
Mitglied
Meine sind transparent, aber klappt auch nicht ohne transparents also das kanns nicht sein,...
Ode meinst du jetzt was anderes?
Ode meinst du jetzt was anderes?
ohnoitsroger
Mitglied
und ich vermute mal weil die grafiken von den tieren im hintergrund aufscheinen?
ohnoitsroger
Mitglied
Sag das doch gleich
Ne spass danke :) dann muss ich jetzt, puuh kompliziert....
Ne spass danke :) dann muss ich jetzt, puuh kompliziert....
... die Grafik in Deinem bevorzugten Grafikprogramm entsprechend aufbereiten.
Hab nun den alles entscheidenen Fehler gefunden 
Im Original kommt neben http://www.cssplay.co.uk/menu/animalmap/animalDefault.png (= Hintergrundbild für .backer) noch http://www.cssplay.co.uk/menu/animalmap/animalBlank.png (= <img>-Element) zum Einsatz.
Du verwendest hier aber ein und dieselbe Grafikdatei für beides.
Referenziere ich in Deinem Code spaßeshalber "animalBlank.png" für <img> und wähle rechteckige Koordinaten, um die Stelle leicht wiederzufinden (oben links in der Grafik), erscheinen auch Hover-Bild u. -Text.
Online-Demo: https://jsfiddle.net/spicelab/12ns7kvh/
Im Original kommt neben http://www.cssplay.co.uk/menu/animalmap/animalDefault.png (= Hintergrundbild für .backer) noch http://www.cssplay.co.uk/menu/animalmap/animalBlank.png (= <img>-Element) zum Einsatz.
Du verwendest hier aber ein und dieselbe Grafikdatei für beides.
Referenziere ich in Deinem Code spaßeshalber "animalBlank.png" für <img> und wähle rechteckige Koordinaten, um die Stelle leicht wiederzufinden (oben links in der Grafik), erscheinen auch Hover-Bild u. -Text.
Online-Demo: https://jsfiddle.net/spicelab/12ns7kvh/
ohnoitsroger
Mitglied
du machst mich fertig...xD
Also im prinzip dann vorne die MainMapgrafik mit dem freigestellten teilen und für .backer könnt ich die ganze grafik verwenden, wenn ich das richtig verstehe!?
Also im prinzip dann vorne die MainMapgrafik mit dem freigestellten teilen und für .backer könnt ich die ganze grafik verwenden, wenn ich das richtig verstehe!?
Damit keine Mißverständnisse aufkommen, hier der Quellcodeauszug bzgl. der Grafiken:
CSS:
.backer {...; background:url(http://onceafterdeath.com/Map/OADmappunktecoord.png); ...;}
...
area:nth-of-type(1):hover ~ span:before {content:url(http://onceafterdeath.com/Map/Gabyshaus.png);}
HTML:
...
<img class="imageMap" src="http://www.cssplay.co.uk/menu/animalmap/animalBlank.png" usemap="#animalmap">
...Unter dem Aspekt des Fein-Tunings
djheke
Aktives Mitglied
Mal über Heli Hovern, Bus und Tanke normal
http://www.gipspferd.de/forumhilfe/karte/karte.html
http://www.gipspferd.de/forumhilfe/karte/karte.html
- Status
