Ich möchte auf meine hp eine rollovergrafik einbauen,
dass sollte so ablaufen.
Standartbild:
und wenn man drüberfährt
sollte es dann so aussehen
wenn ich dann drauf klicke sollte alles was ebi wien ist aufgelistet werden.
nun ist meine frage
wie erstelle ich eine grafik mit diesem rollovereffekt, das ich dann auf meine seite einbauen kann, so das ich alle bundesländer auswählen könnte und draufklicken.
mit welchen programm?
wie würdet es ihr machen. würde mich um hilfe freuen.
mfg emkaythree
ps: wusste net in welche section ich diesen thread öffnen sollte
practise, practise, practise ... ... this is the only way, you get better
soll egal wo man auf dem grauen ist ein roter punkt erscheinen?
oder nur wenn man auf die graue fläche geht an der stelle wo du angegeben hast der rote punkt?
genau eigentlich ist österreich in 9 teile geteilt (bundesländer) je nach dem auf welches bundesland man geht soll es in einer anderen farbe hinterlegt werden.
in dem fall wenn ich genau auf wien fahre mit der maus
practise, practise, practise ... ... this is the only way, you get better
Und da du schon nicht weist, wie du das realisieren sollst, denke ich, dass du das alleine nciht packst.
BTW: Wenn du das mit der genauigkeit nicht so ernst nimmst, kannst du soz. rechtecke benutzen.
Per CSS dann die breiche per x&y o.ä. festlegen.
Da dann halt das rote bild per a:hover {background:url(..);} oder so.
Ich könnte sowas ohne tagelanges probieren selber nicht realisieren, also würde das schon dauern. Und leicht ist das so oder so nicht.
Für so etwas detailliertes (feine Grenzen zwischen den Bundesländern) nimm Flash.
Wenn es dir reicht, dass wenn man über die Hauptstadt des Bundesland hovert und dann das Bundesland aufleuchtet, das geht mit pixelgenauem css.
"Everyone has talent; what is rare is the courage to follow the talent to the dark place where it leads." Erica Jong
(Mit den Koordinaten hab ichs nicht so genau genommen)
coords="x1,y1,x2,y2,x3,y3"
das tust du copy/pasten und fügst all deine anderen Koordinaten ein. Was in diesem Beispiel nicht berücksichtigt wurde, die MouseOver-Effekte bleiben nicht, sondern werden beim verlassen der Koordinaten ausgeblendet. Sollte auch so sein, wenn noch nichts angewählt wurde.
Lösung: entweder machst du dir für jede Region eine HTML-Seite, in der du sie hervorhebst, oder du realisiert das mit JS.
Was noch zu machen wäre, ist ein Preloader. Jetzt er lädt die Grafiken erst beim Überfahren der Maus, es gibt beim ersten Mal also ein kleines Flackern. Dies kann man mit einem Preloader verhindern.
edit:
ich habe mich schlecht ausgedrückt. Ich meine, man muss für jede Region natürlich den ganzen Tag <area .... /> kopieren und nicht nur "coords".
edit: edit: edit: Rechtschreibfehler, Rechtschreibfehler, Rechtschreibfehler :/
bin noch nicht so richtig wach heute *rolleyes*
"Mein Anti-Amerikanismus ist nicht oberflächlich" - Volker Pispers
This post has been edited 3 time(s), it was last edited by PierreDole: 05.08.2009 10:00.
Original von CrAc
Bitte nicht das Beispiel von Pierre Doyle benutzen -.-
Na danke schön, so behandelt man hier also Neuankömmlinge. ;-) Das nächste Mal werde ich einfach jede Hilfeanfrage ignorieren.
Und nur so nebenbei angemerkt: das Beispiel auf selfhtml.org ist das selbe wie meins nur ohne rollOver-Effekt ;-)
"Mein Anti-Amerikanismus ist nicht oberflächlich" - Volker Pispers
If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.
After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.
In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.
Sign up now and enjoy the advantages as a registered member.
(This website will be ad-free after a complete free sign up.)
05.08.2009 