mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 19:40 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: 37
Geschlecht: Männlich
Verfasst Mo 11.12.2006 15: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: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 11.12.2006 16:31
Titel

Antworten mit Zitat Zum Seitenanfang
wieso klauste dir nich einfach das von der seite?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Skyw4lker

Dabei seit: 30.08.2004
Ort: Bergisch Gladbach
Alter: 43
Geschlecht: Männlich
Verfasst Mo 11.12.2006 16: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 17: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: 37
Geschlecht: Männlich
Verfasst Mo 11.12.2006 18: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: 43
Geschlecht: Männlich
Verfasst Mo 11.12.2006 19: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 20: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 19: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: 37
Geschlecht: Männlich
Verfasst Mo 11.12.2006 20: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] Das perfekte (Bild-) Pop-Up
[Javascript] Bild aktualisieren
spezielles bild per id tag und javascript tauschen
Javascript mouseover Bild überblendung?
Jeden Tag ein neues Bild (PHP oder 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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB