Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Javascript_div unter geklicktem Bild öffnen“

Kitoai

Noch nicht viel geschrieben

Hallo ich bin noch Programmieranfänger und brauche dringend Rat zu folgendem Problem:

ich habe eine Bildergalerie durch Javascript mit Array und .innerHTML in ein Divcontainer eingefügt.

<div> Bildergalerie (liegen neben- & untereinander, je nach Viewportbreite) </div>
<div> Infofenster </div> <--dieses öffnet sich sobald auf ein Bild geklickt wird,
und zwar leider bisher UNTERHALB der Bildergalerie und nicht wie ich es will direkt unter dem Bild - sicher weil in HTML das div dafür unter der Bildergalerie liegt, oder?

was müsste ich in Javascript schreiben, das er mir das Infofenster (dann wohl position absolute?) genau unterhalb des angeklickten Elementes anzeigt?

---

Noch eine Frage, alternativ schwebt mir auch vor, dass sich das Infofenster unter dem geklickten Bild herausschiebt (slideDown) und durch seine Höhe die unteren Bilder nach unten schiebt. Wie müsste man sowas bauen???

Das Problem wird sicher sein, das es je nach Viewport (also ob nun 5,4,3,... Bilder nebeneinander stehen) auch funktionieren muss.

Oder kennt jemand Webseiten die sowas umgesetzt haben, die ich "studieren" kann?

Freu mich über jeden Tipp

Vielen Dank ^^,


Kitoai
 

Curanai

Aktives Mitglied

Hi. Stimmt bzgl. Code, aber mal etwas theoretisch bleibend:
- div (absolut; nennen wir ihn B) in div (relativ; nennen wir ihn A)
- A bekommt grundsätzlich ein padding: 50px 0 (bspw.)
- B verpasst Du ein "bottom: 0" (damit liegt B in A und immer ganz unten)

Das wäre also eigentlich nur minimal CSS - kein JavaScript mehr.

Womöglich sprichst Du die beiden DIVs eh per Namen an, um Bild bzw. Text zu ändern. Umso einfacher also ... ! ;)

Viel Erfolg.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben