mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 07.12.2016 09:53 Benutzername: Passwort: Auto-Login

Thema: [S] Javascript der zu jedem Navipunkt ein anderes Bild ... vom 11.12.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [S] Javascript der zu jedem Navipunkt ein anderes Bild ...
Seite: 1, 2  Weiter
Autor Nachricht
eyepe
Threadersteller

Dabei seit: 30.05.2005
Ort: Thüringen
Alter: 29
Geschlecht: Männlich
Verfasst Mo 11.12.2006 14:59
Titel

[S] Javascript der zu jedem Navipunkt ein anderes Bild ...

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich suche einen Javascript der zu jedem Link einer Navigation an der selben Stelle (zb darunter) verschiedene Bilder anzeigt. Je nach dem, worauf die Maus gerade zeigt.

Wie z.B. in der Navigation (links, bei "Produkte") von http://www.schulz-lufttechnik.de/.

Danke euch!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Mo 11.12.2006 15:31
Titel

Antworten mit Zitat Zum Seitenanfang

wieso klauste dir nich einfach das von der seite?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Skyw4lker

Dabei seit: 30.08.2004
Ort: Bergisch Gladbach
Alter: 36
Geschlecht: Männlich
Verfasst Mo 11.12.2006 15:34
Titel

Antworten mit Zitat Zum Seitenanfang

onMouseOver

Code:
<img name="deinZuAenderndesBild" src="bildname.jpg" width="82" height="120" border="0" alt="">


Code:

function swap(bildname,tauschbild)
{
document.images[bildname].src=tauschbild;
}



So,

du musst deinem Link das onMouseOver Event verpassen und darauf die javascript funktion swap legen
und ihr zum einen den namen das bildelements mitgeben das du verändern möchtest (in diesem Fall 'deinZuAenderndesBild') und ausserdem noch den namen des bildes, das du dafür einsetzen willst.
  View user's profile Private Nachricht senden
schachbrett

Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Mo 11.12.2006 16:37
Titel

Antworten mit Zitat Zum Seitenanfang

Geht auch mittels CSS:

Code:
<html>
<head>
<style type="text/css">
ul.menu li a span { visibility: hidden;   }
ul.menu li a:hover span { visibility: visible; }
</style>
</head>

<body>
  <ul class="menu">
    <li><a href="lala">Punkt 1<span><img src="1.jpg" alt="" /></span></a></li>
    <li><a href="lala">Punkt 2<span><img src="2.jpg" alt="" /></span></a></li>
    ...
  </ul>
</body>
</html>
  View user's profile Private Nachricht senden
eyepe
Threadersteller

Dabei seit: 30.05.2005
Ort: Thüringen
Alter: 29
Geschlecht: Männlich
Verfasst Mo 11.12.2006 17:49
Titel

Antworten mit Zitat Zum Seitenanfang

Danke schonmal, aber ich meine es eher so:

Navipunkt 1
Navipunkt 2
Navipunkt 3
Navipunkt 4
Navipunkt 5

[ hier darunter EIN Bild, je nach dem, über welchem Punkt die Maus ist ]
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Skyw4lker

Dabei seit: 30.08.2004
Ort: Bergisch Gladbach
Alter: 36
Geschlecht: Männlich
Verfasst Mo 11.12.2006 18:19
Titel

Antworten mit Zitat Zum Seitenanfang

seufz
in meinem posting steht doch genau was du machen musst.


// edit
ich brauch diese Signatur die der Tacker mal hatte... mit dem "wir machen ihren Scheiss"


Zuletzt bearbeitet von Skyw4lker am Mo 11.12.2006 19:12, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
schachbrett

Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Mo 11.12.2006 18:42
Titel

Antworten mit Zitat Zum Seitenanfang

coming_soon hat geschrieben:
Danke schonmal, aber ich meine es eher so:

Navipunkt 1
Navipunkt 2
Navipunkt 3
Navipunkt 4
Navipunkt 5

[ hier darunter EIN Bild, je nach dem, über welchem Punkt die Maus ist ]


Soll das ein Witz sein??? * Nee, nee, nee *
  View user's profile Private Nachricht senden
eyepe
Threadersteller

Dabei seit: 30.05.2005
Ort: Thüringen
Alter: 29
Geschlecht: Männlich
Verfasst Mo 11.12.2006 19:18
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
Soll das ein Witz sein???


Was meinst du damit? Weil ich's immernoch nicht hinbekommen habe, oder weils so nicht läuft?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Bild in Bild faden via javascript
[Javascript] Bild aktualisieren
[Javascript] Das perfekte (Bild-) Pop-Up
Javascript mouseover Bild überblendung?
Bildaustausch mit JavaScript - getauschtes Bild mit Link
Verlinkung Thumbnail / gr. Bild auf gl. Seite mit Javascript
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.