mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 12.11.2024 16:40 Benutzername: Passwort: Auto-Login

Thema: bilder in div containern per js einblenden vom 22.02.2013


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> bilder in div containern per js einblenden
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

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*

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 *zwinker*


vielen dank,
senso
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 40
Geschlecht: Männlich
Verfasst Fr 22.02.2013 11:05
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
labrar

Dabei seit: 04.04.2006
Ort: -
Alter: 49
Geschlecht: Männlich
Verfasst Sa 23.02.2013 09:56
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
 
Ä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
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.