Autor |
Nachricht |
ChillerT
Threadersteller
Dabei seit: 02.06.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 14.06.2007 14:41
Titel Mouseover mit Link |
|
|
Hi, ich habe folgenden Mouseovercode für 2 pics:
Code: | <span onMouseOver="imagechange.src='http://www..../bild2.jpg'" onMouseOut="imagechange.src='http://www..../bild1.jpg'">
<img src="http://www..../bild1.jpg" border="0" id="imagechange"></span> |
Jetzt möchte ich für meine HP aber einen Link draufsetzten!
wei mache ich das hetzt, ich habe es schon damit versucht:
Zitat: | <span onMouseOver="imagechange.src='http://www..../bild2.jpg'" onMouseOut="imagechange.src='http://www..../bild1.jpg'">
<img src="http://www..../bild1.jpg" border="0" id="imagechange"><a href"URL">NAME</a></span> |
aber dann wird der link daneben angezeigt, wie bekomme ich den link jetzt da drauf?
könnt ihr mir vielleicht helfen, oder einen anderen code sagen, mit dem ich 2 pics und einen link für meine Navigation als button nutzen kann? THX schonmal...
|
|
|
|
|
Skyw4lker
Dabei seit: 30.08.2004
Ort: Bergisch Gladbach
Alter: 43
Geschlecht:
|
Verfasst Do 14.06.2007 17:17
Titel Re: Mouseover mit Link |
|
|
ChillerT hat geschrieben: | Hi, ich habe folgenden Mouseovercode für 2 pics:
Code: | <span onMouseOver="imagechange.src='http://www..../bild2.jpg'" onMouseOut="imagechange.src='http://www..../bild1.jpg'">
<img src="http://www..../bild1.jpg" border="0" id="imagechange"></span> |
Jetzt möchte ich für meine HP aber einen Link draufsetzten!
wei mache ich das hetzt, ich habe es schon damit versucht:
Zitat: | <span onMouseOver="imagechange.src='http://www..../bild2.jpg'" onMouseOut="imagechange.src='http://www..../bild1.jpg'">
<img src="http://www..../bild1.jpg" border="0" id="imagechange"><a href"URL">NAME</a></span> |
aber dann wird der link daneben angezeigt, wie bekomme ich den link jetzt da drauf?
könnt ihr mir vielleicht helfen, oder einen anderen code sagen, mit dem ich 2 pics und einen link für meine Navigation als button nutzen kann? THX schonmal... |
Code: |
<a href"URL"><img src="http://www..../bild1.jpg" border="0" id="imagechange"></a>
|
img in die href tags
|
|
|
|
|
Anzeige
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Fr 15.06.2007 02:13
Titel
|
|
|
Zitat: | Jetzt möchte ich für meine HP aber einen Link draufsetzten! |
Sicherlich meinst du "Website" und nicht "Homepage".
http://jendryschik.de/wsdev/einfuehrung/grundlagen/begrifflichkeiten
Und was meinst du mit "Link draufsetzen"?
Verstehe ich nicht so recht...
Zitat: | könnt ihr mir vielleicht helfen, oder einen anderen code sagen, mit dem ich 2 pics und einen link für meine Navigation als button nutzen kann? |
Ich verstehe es wirklich nicht so recht...
Aber irgendwie suchst du wohl ein Rollover-Script.
Das ist ganz einfach.
Die Suchfunktion dieses Boards hätte dir da eine ganze Menge gezeigt...
Hier habe ich vor kurzem gerade mal wieder den Code für einen Rollover mit JavaScript gepostet.
Code: | <a href"URL">NAME</a> |
Da fehlt ein Gleichzeichen:
<a href="URL">NAME</a>
Aber irgendwie verstehe ich den Code ohnehin nicht...
Was sollen denn die Span-Tags? Warum der Link hinter dem Bild/Button?
Packe das Bild in das Anchor-Element. So sollte das vom Prinzip her wohl aussehen:
Code: | <a href="seite.html"><img src="button.png" alt="toller Button" onmouseover="bildwechsel();" onmouseout="bildwechsel();"></a> |
|
|
|
|
|
ChillerT
Threadersteller
Dabei seit: 02.06.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 17.06.2007 15:16
Titel Erklärung |
|
|
Ein normaler link sieht so aus:
www.Beispiel.de
Auf Buttons so:
Beispiel (nur als link)
wie bekomme ich den jetzt AUF...ein image?
Buttonimage:
Jetzt möchte ich den link AUF das image bekommen, gibt es da eine Möglichkeit?
Währe nett, wenn das jetzt jemand verstanden hat und mir helfen kann....
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst So 17.06.2007 15:29
Titel
|
|
|
Ich hab's immer noch nicht verstanden...
Du willst also einen "Link AUF ein Image" bekommen. Was soll das heißen?
Statt dem Linktext möchtest du die Grafik haben?
Das wäre so einfach, daß ich gar nicht glauben kann, daß du das meinst...
In diesem Fall müßtest du nur eine Grafik statt einem Text in dein Anchor-Element setzen.
Textlink:
Code: | <a href="linkziel.html">Linktext<a/> |
grafischer Link:
Code: | <a href="linkziel.html"><img src="bild.png" alt="Alternativtext"><a/> |
siehe auch SelfHTML:
Verweise definieren und gestalten und Grafiken als Verweise
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
ChillerT
Threadersteller
Dabei seit: 02.06.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 17.06.2007 16:14
Titel Negativ |
|
|
Also ein anfänger bin ich ach nicht..
also, ich möchte den Button, der mit einem Hovereffekt ausgestattet ist, hinter den eigendlichen link setztn....sozusagen background, als layout, aber nur hinter den link!
Das soll dann in meine Navi kommen....jetzt verstanden?
|
|
|
|
|
EnterYourName
Dabei seit: 14.06.2007
Ort: Hamburg
Alter: 36
Geschlecht:
|
Verfasst So 17.06.2007 22:35
Titel
|
|
|
Wie wärs damit: Auf beide Grafiken den Linktext draufschreiben?
|
|
|
|
|
|
|
|
Ähnliche Themen |
sBilder ausblenden bei MouseOver, aber bei Link
javascript - div/bild bei mouseover neben link anzeigen
Ying Yang Symbol mit unabhängige mouseover effekten und link
Bildergalerie Mouseover andere Position & Mouseover Scroll
Mouseover
mouseover mit css und mit nur grafiken?
|
|