mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 23:09 Benutzername: Passwort: Auto-Login

Thema: link klicken, bild tauschen (KEIN hover!) vom 28.09.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> link klicken, bild tauschen (KEIN hover!)
Autor Nachricht
Deridjian
Threadersteller

Dabei seit: 28.07.2010
Ort: Berlin
Alter: 39
Geschlecht: Männlich
Verfasst Di 28.09.2010 16:58
Titel

link klicken, bild tauschen (KEIN hover!)

Antworten mit Zitat Zum Seitenanfang

Hallo Leute,

nach vielem nachdenken, unendlichem Gesuche über diverse Suchmaschinen (da findet man erstmal 200.000 Beiträge zu Hover-Bildaustausch) und verzweifeln-weil-man-von-einer-Hürde-in-die-nächste-stolpert, frag ich euch Lächel
Ich habe eine super einfache Seitenstruktur mit einer Reihe und drei Spalten (navi links [list], content mitte [img], rechts bissel text [txt]).
Der Content besteht einzig nur aus dem Bild. So. Jetzt hatte ich angedacht mit der Navi das Bild (den content mitte) auszutauschen (geordnet). Also link01 (navi liste 01) zeigt auf click 'images/bild01.jpg'; link 02 zeigt auf click 'images/bild02.jpg" usw. ohne ne neue Seite HTML hinterlegen zu müssen.
Kann doch eigentlich so schwer nich sein oder?? War schon ganz nah dran als ich nen Beitrag zum neuladen eines "captcha" Bilds fand, aber da war die Bildfolge zufällig über ein Array gesteuert. So kompliziert brauch ich's ja garnicht...
Ich will: Klick auf liste links = neues Bild rechts.
Da hat doch bestimmt jemand ne total simple Lösung für? *hu hu huu*


P.S.: Was ich ich aus dem captcha-Beitrag hatte war sowas:

Bild benennen mit name="derName"
Dann <a href="#" onclick="reloadImage('derName'); return false;">...</a>
Und denn mit ner funktion über n array abrufen.


Zuletzt bearbeitet von Deridjian am Di 28.09.2010 17:01, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Di 28.09.2010 17:09
Titel

Antworten mit Zitat Zum Seitenanfang

plain js
Code:

<a href="bild01.png" onclick="bildwechsel(this);return false;"> Bild 1 </a> <br />
<a href="bild02.png" onclick="bildwechsel(this);return false;"> Bild 2 </a> <br />
<a href="bild03.png" onclick="bildwechsel(this);return false;"> Bild 3 </a> <br />
   
<img id="bigimg" src="bild04.png" />

Code:

<script type="text/javascript">
   
   function bildwechsel(obj) {
      document.getElementById("bigimg").src = obj.href;
   }
   
</script>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Deridjian
Threadersteller

Dabei seit: 28.07.2010
Ort: Berlin
Alter: 39
Geschlecht: Männlich
Verfasst Di 28.09.2010 17:38
Titel

Antworten mit Zitat Zum Seitenanfang

Astrein, danke vielmals * Ja, ja, ja... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Bild tauschen bei aktivem Link
CSS - Hover / Link / Bild - Bild verschwindet nach Klick
hover-Button/hover-Bild wird darunter eingefügt
bild klicken und neue ebene geht auf
Bild das beim klicken auf eine Webseite weiterleitet
Swap Image / Bild per Button klicken zeigen...oder ähnliches
Neues Thema eröffnen   Neue Antwort erstellen
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.