GELÖST [html / css / js] div Inhalt via Link ändern

Diskutiere [html / css / js] div Inhalt via Link ändern im Internet Forum Forum im Bereich Software Forum; Hallo, ich habe eine (einfache?) Frage, undzwar würde ich gern eine eigene Bildergalerie bauen (wegen des Lerneffektes), allerdings bekomme ich...
A

AtticuZ

Threadstarter
Mitglied seit
21.05.2005
Beiträge
136
Hallo,

ich habe eine (einfache?) Frage, undzwar würde ich gern eine eigene Bildergalerie bauen (wegen des Lerneffektes), allerdings bekomme ich es nicht hin.

Folgender Aufbau:

Ich habe einen div Container "IMG", der nur dafür da ist, das Bild anzuzeigen und einen div Container "THUMB", in welchem Thumbnails liegen.

Nun möchte ich, dass sich der Inhalt von "IMG" mit dem Bild füllt, welches ich via Mausklick aus "THUMB" wähle.

Das Problem hierbei ist, dass ich einfach nicht weiss, wie ich "IMG" als target wähle.

PHP möchte ich ungern benutzen, da ich nur die Möglichkeit habe lokal zu test und für einen einfachen include befehl nicht XAMPP laden möchte.

Habt ihr vielleicht einen Lösungshinweis für mich?


Danke!
 
DerZong

DerZong

MODERATOR/FAQ-Team
Team
Mitglied seit
12.10.2004
Beiträge
4.701
Alter
42
Da wirst du dich wohl mit JavaScript anfreunden müssen. Entweder als klassisches JavaScript oder ein Framework verwenden (z. B. jQuery, ExtJS - mit denen kannst du nach bestimmten Elementen per XPATH oder CSS suchen, ist als Einstieg aber wohl etwas "oversized")

Beispiel
(dieses setzt aber voraus, dass das IMG, welches sich ändern soll, das erste in der Seite ist, dann kann man es zumindeset mit dem Index 0 ansprechen. Ist es nicht das erste IMG, dann müsste der Index angepasst werden):
PHP:
<div id="bild">
  <img src="eineUrl">
</div>
<div id="thumbs">
<a href="#" onclick="document.images[0].src='eineWeitereUrl';">Ein Thumb</a>
<a href="#" onclick="document.images[0].src='undNochEineUrl';">Ein anderes Thumb</a>
</div>
 
A

AtticuZ

Threadstarter
Mitglied seit
21.05.2005
Beiträge
136
Wow, danke!
Das war ja doch ziemlich einfach, ich musste dafür ja nichtmal ein Skript schreiben!

Super, herzlichen Dank :)
 
Thema:

[html / css / js] div Inhalt via Link ändern

[html / css / js] div Inhalt via Link ändern - Ähnliche Themen

  • HTML/CSS: article :before :after Probleme

    HTML/CSS: article :before :after Probleme: Guten Abend, hab heute mal mit HTML/CSS angefangen und stoße nun auf ein großes Problem. Das Bild sollte schon einiges erklären. Wo das "l d"...
  • Windows 7 Startscreen in HTML CSS JavaScript und PHP Seite ändern?

    Windows 7 Startscreen in HTML CSS JavaScript und PHP Seite ändern?: Hallo, ich habe mal eine komplizierte Frage :) Ich würde gerne den Startscreen von Windows 7 in eine Art Internetseite ändern. (d.h. das ich...
  • GELÖST Fange gerade an HTML und CSS zu Lernen und hab fragen

    GELÖST Fange gerade an HTML und CSS zu Lernen und hab fragen: Hi hoffe es geht euch gut... Ich fange gerade an HTML zu lernen und will meine Eigenen Webseite gestalten ohne Faule Vorlage :) Nun komm ich...
  • Html und CSS + Javascript - Buttonevents

    Html und CSS + Javascript - Buttonevents: Hallo, habe kein anderes Unterforum gefunden, dass sich mit dem Thema beschäftigt, einige andere haben hier auch schon Fragen gepostet. Fangen...
  • HTML/CSS Code für aufklappbares Menü?

    HTML/CSS Code für aufklappbares Menü?: Ciao zusammen! Ich bin gerade dabei, ein Menü für eine Website zu erstellen. Jedoch zähle ich noch relativ zu den Anfängern. :flenn Ich habe nun...
  • Ähnliche Themen

    Oben