mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 06:00 Benutzername: Passwort: Auto-Login

Thema: Mouseover mit Link vom 14.06.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Mouseover mit Link
Seite: 1, 2  Weiter
Autor Nachricht
ChillerT
Threadersteller

Dabei seit: 02.06.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 14.06.2007 14:41
Titel

Mouseover mit Link

Antworten mit Zitat Zum Seitenanfang

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...
  View user's profile Private Nachricht senden
Skyw4lker

Dabei seit: 30.08.2004
Ort: Bergisch Gladbach
Alter: 43
Geschlecht: Männlich
Verfasst Do 14.06.2007 17:17
Titel

Re: Mouseover mit Link

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Fr 15.06.2007 02:13
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
ChillerT
Threadersteller

Dabei seit: 02.06.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 17.06.2007 15:16
Titel

Erklärung

Antworten mit Zitat Zum Seitenanfang

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....
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst So 17.06.2007 15:29
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 17.06.2007 16:12
Titel

Antworten mit Zitat Zum Seitenanfang

Ich kann auch nur raten, aber ich denke du meinst vom Prinzip her etwas wie das:

http://css.maxdesign.com.au/listamatic/vertical11.htm
http://css.maxdesign.com.au/listamatic/horizontal29.htm
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ChillerT
Threadersteller

Dabei seit: 02.06.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 17.06.2007 16:14
Titel

Negativ

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
EnterYourName

Dabei seit: 14.06.2007
Ort: Hamburg
Alter: 36
Geschlecht: Weiblich
Verfasst So 17.06.2007 22:35
Titel

Antworten mit Zitat Zum Seitenanfang

Wie wärs damit: Auf beide Grafiken den Linktext draufschreiben?
  View user's profile Private Nachricht senden
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.