Wer ist hier? 1 Gäste
Map-Tag + Rollover
|
|
Jeff |
Geschrieben am 10.02.2010 00000002 13:40
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Hallo, ich beschäftige mich grad mit map-Tags. Ich habe es geschaft ein bild so zu machen das man auf einzelne bereiche klicken kann. Nun habe ich per Photoshop ein bild erstellt für ein Rollover (Mouseover) effekt. Nun wollte ich fragen ob man diese 2 sachen kombinieren kann. Also das ich wenn ich auf dem Bild mit mehreren Map-Tags auf ein feld klicke sich dieses ändert wenn ich mit der maus drüber fahre. Mit freundlichen Gruß reyman |
|
|
SC-Ad-Bot | Advertisement |
| |
emblinux |
Geschrieben am 10.02.2010 00000002 13:50
|
![]() Seiten Administrator ![]() Beiträge: 3813 Registriert am: 04.10.08 Fusioneer: 15 years 10 months 3 weeks 27 days 12 hours 46 minutes 4 seconds |
jas das geht. Da kommt dann noch etwas Javascript mit ins Spiel.
|
|
|
Jeff |
Geschrieben am 10.02.2010 00000002 14:36
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Okay kann mir villeicht jemand ein beispiel geben ? Und wie man das unter php fusion einbaut ? |
|
|
emblinux |
Geschrieben am 10.02.2010 00000002 15:32
|
![]() Seiten Administrator ![]() Beiträge: 3813 Registriert am: 04.10.08 Fusioneer: 15 years 10 months 3 weeks 27 days 12 hours 46 minutes 4 seconds |
Ich glaube ich habe dich doch etwas missverstanden. Ich dachte du möchtest per Mouseover (Rollover) auf einem Bereich des Image-Maps einen anderen Bereich ändern. Den Bereich, wo die Mousedrüber fährt kann man so nicht ändern. Dazu müsstest du anders verfahren. Zerlege das Bild in rechteckige Teile, so wie du es benötigst und speichere die Bilder für dich eindeutig. Das machst du mit dem Bild, welches als Rollover-Bild dienen soll auch, wenn notwendig. (Also wenn es nicht sowieso schon ein Teilbild ist) Dann baust du dir eine Tabelle und fügst dort entsprechend die Bilder ein. Dort kannst du dann per Mouseover (oder auch per OnClick) bei jedem einzelnen Bild dieses auch ändern. Hier mal ein Beilspiel zum Verständnis. Code Download Code <table> So in der Art müsste es dann funktionieren. |
|
|
Jeff |
Geschrieben am 11.02.2010 00000002 13:49
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Ich danke ersteinmal für die Hilfe. Da gibt es 2 kleine Probleme. Bei dem Skript muss man auf das Bild klicken damit es sich verändert und wenn ich das ganze in der Tabelle macht bleiben lücken zwischen den Bildern. Code Download Code
Das ist jetzt zum Beispiel so wie ich das gemacht hatte. Habe die Bilder auseinandergeschnitten und so entstand auch keine lücke. Nur wenn ich jetzt 2 Bilder nebeneinander habe ist dazwischen eine Minimale lücke. ( das ist bei dem 2. & 3. Bild das in der Mitte eine kleinelücke ist) Kann man das korrigieren ? Bearbeitet von Jeff am 11.02.2010 00000002 13:51 |
|
|
emblinux |
Geschrieben am 11.02.2010 00000002 14:43
|
![]() Seiten Administrator ![]() Beiträge: 3813 Registriert am: 04.10.08 Fusioneer: 15 years 10 months 3 weeks 27 days 12 hours 46 minutes 4 seconds |
Man kann das ganze ruhig in eine tabelle machen. Natürlich muss man da einiges beachten, z.B. alle Teilbilder müssen gleich groß sein, zumindest pro Spalte und Zeile. Der tabelle sagen, das der Abstand zw. den Zellen 0 ist. ( cellpadding='0' cellspacing='0'![]() |
|
|
Jeff |
Geschrieben am 11.02.2010 00000002 14:48
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Also es geht nicht, wenn ich ein ein Großes bild habe darunter 2 und darunter wieder nur ein großes ? |
|
|
emblinux |
Geschrieben am 11.02.2010 00000002 14:55
|
![]() Seiten Administrator ![]() Beiträge: 3813 Registriert am: 04.10.08 Fusioneer: 15 years 10 months 3 weeks 27 days 12 hours 46 minutes 4 seconds |
Doch, aber auch da muss man folgendes beachten. Die 2 Bilder müssen zusammen genauso groß sein, wie das eine große Bild. Und die beiden großen Bilder solten dann die gleiche größe haben. Das sieht dann z.B. so aus: Code Download Code <table cellspacing='0' cellpadding='0'> |
|
|
Jeff |
Geschrieben am 11.02.2010 00000002 15:05
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Also ich habe es jetzt so gemacht Code Download Code
Aber die lücke zwischen 2. & 3. Bild bleibt. Und beide bilde sind genauso groß wie das 1. Bild. Wie würde das denn eig. aussehen wenn ich bei deinem Code mit Mousover arbeiten würdeund nicht onclick ? Bearbeitet von Jeff am 11.02.2010 00000002 15:09 |
|
|
emblinux |
Geschrieben am 11.02.2010 00000002 15:14
|
![]() Seiten Administrator ![]() Beiträge: 3813 Registriert am: 04.10.08 Fusioneer: 15 years 10 months 3 weeks 27 days 12 hours 46 minutes 4 seconds |
packe mal bitte alles (Bilder und html datei) in ein Archiv (zip oder rar, ist egal) und hänge es mal hier an, dann schaue ich mal drüber.
|
|
|
Jeff |
Geschrieben am 11.02.2010 00000002 15:22
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Es hat sich erledigt. Ich habe ein <tr td> dazwischen kleben.. nun passt alles Ich danke für deine Hilfe. Hast mir sehr geholfen ![]() Bearbeitet von Jeff am 11.02.2010 00000002 15:24 |
|
|
emblinux |
Geschrieben am 11.02.2010 00000002 15:27
|
![]() Seiten Administrator ![]() Beiträge: 3813 Registriert am: 04.10.08 Fusioneer: 15 years 10 months 3 weeks 27 days 12 hours 46 minutes 4 seconds |
Alles klar, wobei du deine Tags alle nochmal überprüfen solltest, in dem Codeschnipsel von dir fehelen einige End-Tags und wenn du XHTML konform sein möchtest, dann muss beim IMG-Tag am Ende auch ein / vor dem > Schau dir einfach meine Beispiel an. |
|
|
Jeff |
Geschrieben am 11.02.2010 00000002 15:35
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Ja das sehe ich auch immer wieder bei anderen, aber ich hab immer wieder gesehen das es bei mir auch so ohne das klappt, aber ich versuche mich mal daran zu halten. ![]() Danke nochmal |
|
|
emblinux |
Geschrieben am 11.02.2010 00000002 15:45
|
![]() Seiten Administrator ![]() Beiträge: 3813 Registriert am: 04.10.08 Fusioneer: 15 years 10 months 3 weeks 27 days 12 hours 46 minutes 4 seconds |
Tja manchmal sind die Browser intelligent und korrigieren einige Fehler, aber nicht immer. Nur sollte man, wenn man schon programmiert, sich auch an diverse Standards halten, sonst kann man es auch bleiben lassen. Denn irgendwann kann es passieren, das man mit unsauberen Quell-Code auf die Nase fällt. Dabei gibt es doch im Netzt soviele Seiten, die einem das so gut erklären. |
|
|
Jeff |
Geschrieben am 11.02.2010 00000002 16:33
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Ja ist richtig, aber ich hab auch grad alles geändert ![]() |
|
|
Jeff |
Geschrieben am 16.02.2010 00000002 19:01
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
So sorry das ich das thema nocheinmal aufwühle. ^^ Ich habe das ganze jetzt nebeneinander unter meinem Banner gemacht (www.DieMächtigen.de) mit folgendem Code: Code Download Code
So nun habe ich bei google alles mögliche gesucht um ein Drop-Down_menü zu erzeugen. Jedoch ist das alles ohne Bilder. Sondern nur einfache codes. Ich wollte das zum Beispiel: Wenn ich auf Fotogallerie gehe ein Punkt darunter auftaucht zum -> Foto einsenden. In dem selben Schema wie ich die Navigation gemacht habe mit dem Mouseover. Ich hoffe ich habe mich verständlich ausgedrückt. Wenn nicht. Entschuldigung. |
|
|
Jeff |
Geschrieben am 17.02.2010 00000002 21:55
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Kann mir jemand helfen bei meiner Frage ? |
|
|
Jeff |
Geschrieben am 22.02.2010 00000002 18:07
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Wenn keiner mehr eine Antwort hat dann kann dies geschlossen werden... Danke für alle Antworten. |
|
|
emblinux |
Geschrieben am 22.02.2010 00000002 18:39
|
![]() Seiten Administrator ![]() Beiträge: 3813 Registriert am: 04.10.08 Fusioneer: 15 years 10 months 3 weeks 27 days 12 hours 46 minutes 4 seconds |
schau dir doch einfach mal folgendes DropDown-Menü an, eventuell hilft dir das etwas weiter. http://www.phpfusion-mods.net/infusions/downloadsv7/dldb.php?op=view&id=669 (Registrierung zum Download erforderlich) |
|
|
Jeff |
Geschrieben am 23.02.2010 00000002 11:15
|
![]() Jung Mitglied ![]() Beiträge: 48 Registriert am: 02.04.09 Fusioneer: 15 years 4 months 4 weeks 29 days 20 hours 1 minutes 13 seconds |
Danke ersteinmal für die Antwort. Es ist schon das was ich suche, nun hab ich etwas nachgetüftelt. Aber icvh weiß noch nicht wie ich das machen soll das von meinen Bildern aus ein down menü auf geht. Aber ich kenne mich damit überhaupt nicht aus und denke das ich mich mit dem zufrieden geben muss. Danke nochmal an alle Bearbeitet von Jeff am 23.02.2010 00000002 11:42 |
|
Springe ins Forum: |