Felder auf Grafik
Annabella
- grafik
Hi,
ich befasse mich seit kurzem erst mit HTML und möchte eine eigene Seite gestalten bzw. schreiben.
Ich habe nun gesehen dass manche Links auf einer Grafik machen.
Hier die gesehenen Seiten, die mich angesprochen haben.
www.schwimmbecken-vertrieb.de/sites/entry.htm
www.magiline.com/solutions_de.htm
Wie kann man so etwas machen?
Vielleicht könnt ihr mir ja wieterhelfen. Wäre echt super von euch.
Danke
Annabella
Hi Annabella,
meinst du jetzt eine Imagemap (Bild mit mehreren Links) oder meinst du einfach nur grafische Links? Hast du denn schon etwas in SelfHTML geblättert? :-)
Gruß
Ben
Da ich nicht wußte, wie man so etwas nennt, konnte ich auch noch nicht in SelfHTML blättern.
Was ist eine Imagemap? Und was grafische Links?
Hi,
Was ist eine Imagemap?
Eine große Grafik, in der Du (mit HTML) kleinere Bereiche als (verschiedene) Links definierst -> andere Stelle, anderer Link.
Und was grafische Links?
Ein "normaler" Link, nur daß statt Text eine Grafik eingebunden wird -> egal wohin Du auf diese Grafik klickst, es ist derselbe Link.
Gruß, Cybaer
Ich habe da dann eher die Imagemap gemeint. Also nur Text.
Ich habe nun gesehen dass manche Links auf einer Grafik machen.
<a href="LinkURL"><img src="DeinBild.jpg"></a>
Das ist ein Link auf einem Bild, genau wie bei Text. Ist es das was du wissen willst?
Sollen sich die Bilder verändern wenn du mit der Maus darüber bist musst du JavaScript verwenden. Wenn du Neuling bist würde ich dir empfehlen das mit Macromedia Dreamweaver zu machen, der kann dir automatisch einen Hover-Effekt für Bilder einfügen
Hi,
»»Wenn du Neuling bist würde ich dir empfehlen das mit Macromedia Dreamweaver zu machen, der kann dir automatisch einen Hover-Effekt für Bilder einfügen
Meinst du das Annabella dann richtig HTML lernt?
Bis denne
Botix
Meinst du das Annabella dann richtig HTML lernt?
Es geht hier um JavaScripts, nicht um das html, und das ist für einen Neuling schwer. am anfang gibt das html wohl genug Verständnisarbeit
Ausserdem finde ich, dass man sich solche Hilfen ruhig gönnen kann. Man muss ja nicht von Anfang an alles von Hand können. Wenn man daran interessiert ist, kann man dann immer noch schauen wie das JavaScript funktioniert das der Dreamweaver schreibt.
Hi,
Ausserdem finde ich, dass man sich solche Hilfen ruhig gönnen kann. Man muss ja nicht von Anfang an alles von Hand können. Wenn man daran interessiert ist, kann man dann immer noch schauen wie das JavaScript funktioniert das der Dreamweaver schreibt.
LOL - mit gehörigem Sarkasmus: Wenn du es geschafft hast, *den* grausamen Code zu verstehen, dann solltest du auch genug gelernt haben, um festzustellen, daß man es *so* eigentlich nicht machen sollte ... =:->
Gruß, Cybaer
LOL - mit gehörigem Sarkasmus: Wenn du es geschafft hast, *den* grausamen Code zu verstehen, dann solltest du auch genug gelernt haben, um festzustellen, daß man es *so* eigentlich nicht machen sollte ... =:->
Immerhin funktionierts... aber du hast recht, es ist nicht gerade übersichtlich geschrieben.
Ich bin ein ziemlich bequemer Mensch,und wenn ich ein Programm habe dass mir ein funktionierendes, kompaktes Script liefert dann schreibe ich keines selber, nur weils dann schöner aussieht. Vor allem wenn es sich um etwas so einfaches geht über das ich keine Übersicht haben muss. Aber jedem das seine...
Hi,
Immerhin funktionierts...
Ach, hat Macromedia ihren Code mittlerweile verbessert? :-o
Denn "funktioniert" ist relativ ...
... bei meiner letzten Durchsicht (zugegeben, schon ein wenig her - aber Roll-over ist ja auch nicht mehr so neu ;-)) waren noch Fehler drin, bzw. mindestens (unnötig, also aus Dummheit - von Unwissenheit wage ich bei dem Level, auf dem sich die Firma zu bewegen glaubt, nicht mehr zu sprechen) unsaubere Programmierung, die auf manchen Browsern zu Fehlern führt. So etwas bietet man seinen (vermeintlich professionellen) Kunden nicht als (vermeintlich professionelles) Gestaltungsmittel, die diesen Fehlern dann auf viele (vermeintlich professionelle) Websites multiplizieren dürfen ...
Gruß, Cybaer
hi,
Es geht hier um JavaScripts
nein, tut es nicht.
_deine_ antwort beschäftigte sich zwar mit JS - ging damit aber m.E. am thema vorbei.
gruss,
wahsaga
»» _deine_ antwort beschäftigte sich zwar mit JS - ging damit aber m.E. am thema vorbei.
ja, das stimmt wohl. Ich war mir auch nie sicher ob ich diese Frage richtig verstanden habe und habe das auch angedeutet ("Ist es das was du wissen willst?").
Allerdigns gibt es, soweit ich mich daran erinnere, auf den Seiten die Anabelle angegeben hat eben auch Menus mit Bildern und Hover-Effekt. Das hat mich auf die JavaScripts gebracht.
Also ich möchte eigentlich nur, dass wenn man über einen zb. Kreis fährt mit der Maus, diesen Kreis(Punkt) dann anklicken kann und dann ein kleines extra Fenster mit einen Text erscheint. Also kein großes Fenster sondern nur ein kleines Fenster mit Text von ca. 5 Sätzen.
Was ist das und wie macht man denn das nun?
Ich kenn mich gar nicht mehr aus!!
Hi Annabella,
dann wird das ziemlich schwierig, wenn du dich gar nicht auskennst. Als erstes solltest du dich hier http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm über Imagemaps informieren. Danach müsstest du vielleicht mit JavaScript versuchen, Layer per Klick oder MouseOver (bei dem entsprechenden Bereich in deinem Bild) einzublenden.
Liebe Grüße
Ben
Hi,
Also ich möchte eigentlich nur, dass wenn man über einen zb. Kreis fährt mit der Maus, diesen Kreis(Punkt) dann anklicken kann und dann ein kleines extra Fenster mit einen Text erscheint. Also kein großes Fenster sondern nur ein kleines Fenster mit Text von ca. 5 Sätzen.
Was ist das und wie macht man denn das nun?
Imagemap, wenn der Kreis sich innerhalb einer größeren Grafik befindet, oder der Link sich wirklich an runden Grenzen orientieren soll (Standard-Links sind immer rechteckig).
Auf
http://www.vampirehost.de/pzn/extras/
findest Du die zentrale, kreisrunde Grafik, eingebunden mit (hier verkürzt):
<img src="img/abdul1.jpg" width="350" height="347" usemap="#Abdul">
sowie (ebenfalls verkürzt):
<map name="Abdul">
<area shape="circle" coords="173,174,172" target="_parent" href="kapitel.htm" alt="">
</map>
Dabei wurde der Kreismittelpunkt definiert und der Radius. Und wenn man in diesen Kreis klickt, dann wird kapitel.htm geladen.
Dein Verlangen wird etwas mehr Know-how erfordern (z.B. mit onClick ein neues Fenster via window.open oder Einblenden eines bereits existenten "Layers").
Außerdem sollten natürlich keine "Merkwürdigkeiten" entstehen, falls JavaScript deaktiviert ist ... =;-)
Gruß, Cybaer
Hi,
_deine_ antwort beschäftigte sich zwar mit JS - ging damit aber m.E. am thema vorbei.
Hmm, wohl kaum! Zumindest die erste Seite hat keine Image-Map, sondern eben solche IMG-Links, wie von sam beschrieben, mit einem JavaScript-Roll-Over.
Gruß, Cybaer
hi,
http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm dürfte dich interessieren.
gruss,
wahsaga