Autor |
Nachricht |
senso
Threadersteller
Dabei seit: 21.02.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 22.02.2013 10:46
Titel bilder in div containern per js einblenden |
|
|
hallo,
ich habe ein problemchen mit einer website die ich plane. sie besteht aus mehreren div containern die zu einem übergeordneten container zusammengefasst sind. in der finalen version möchte ich mehrere der übergeordneten container nebeneinander anordnen und so eine horizontal scrollende website erstellen. soweit die theorie
der unterste div container <div3> soll dabei einen link erhalten, welcher ein bild in <div1> einblendet.
dies habe ich bisher über ein javascript gelöst_
function loadimage(image){
document.getElementById("div1").innerHTML = '<img src="' + image + '" />';
}
während der html part in <div3> folgender massen aussieht_
<div id="div3"><a href="javascript:loadimage('klaus.png')">klick</a></div>
soweit funktioniert das auch super. das problem entsteht, wenn ich mehrere der übergeordneten container nebeneinander lege. nun ist die zuweisung nicht mehr 'einmalig' da es mehrere <div3> container gibt!
das script nun entsprechend oft zu kopieren macht sicherlich keien sinn! daher würde ich gerne fragen, ob jemand eine clevere möglichkeit kennt das vorhandene script entsprechend zu erweitern um sie wieder 'einzigartig' zu machen.
ich bin kein js und html profi, daher bitte für dummies
vielen dank,
senso
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 40
Geschlecht:
|
Verfasst Fr 22.02.2013 11:05
Titel
|
|
|
Erstmal: eine ID ist (wie der Name schon vermuten lassen sollte) einmalig und darf nicht mehrfach vergeben werden. Das sollte dir dein Editor/IDE oder zumindest deine Browser-Fehler-Konsole schon sagen, sobald du sowas baust - die Wahl deiner Arbeitswerkzeuge ist also suboptimal ...
Davon ab: du suchst nach "previousSibling" oder "parentNode".
Lies dir mal die Dokumentationen bzw ein paar Beispiele dazu durch.
|
|
|
|
|
Anzeige
|
|
|
labrar
Dabei seit: 04.04.2006
Ort: -
Alter: 49
Geschlecht:
|
Verfasst Sa 23.02.2013 09:56
Titel
|
|
|
Erst vor kurzem habe ich da für einen anderen Thread ein Demo gmacht.
Du brauchst dazu überhaupt keine JS Kenntnisse.
Die Verläufe an den Rändern kannst du deaktivieren
http://www.mediengestalter.info/forum/10/js-ein-element-soll-verschwinden-wenn-ein-anderes-scrollt-169998-3.html
Edit
Zitat: | horizontal scrollende website |
Das geht damit. Für deine Verlinkung brauchst du doch etwas Javascriptknowledge.
Das hier verstehe ich nicht
Zitat: | soweit funktioniert das auch super. das problem entsteht, wenn ich mehrere der übergeordneten container nebeneinander lege. nun ist die zuweisung nicht mehr 'einmalig' da es mehrere <div3> container gibt!
das script nun entsprechend oft zu kopieren macht sicherlich keien sinn! daher würde ich gerne fragen, ob jemand eine clevere möglichkeit kennt das vorhandene script entsprechend zu erweitern um sie wieder 'einzigartig' zu machen. |
Wenn es mehrere div3 gibt, dann kopierst du doch den Schmotter schon? Wie kommst du sonst auf div3?
Zuletzt bearbeitet von labrar am Sa 23.02.2013 10:02, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
JQUERY: Bestimmte Anzahl von Bilder einblenden
Bilder erst bei Scrollen einblenden - Wie geht das?
hab en problemschen mit div-containern
css höhe 100% in verschachtelten containern
Variable Höhe von div-Containern
[bitte in mootools] drag & drop zwischen containern
|
|