✔ Bildergallerie mit INCLUDE-Befehl?

A

APE

Grünschnabel
Hallo zusammen!
Bin seit Tagen auf der Suche nach der perfekten Lösung für meinen Webseitenplan.

Folgende Aufgabe ist zu lösen:
Es soll eine lange Bildergallerie entstehen, die erstmal als Liste (mit lediglich Text und womöglich einem ersten Teaser-Bild) OHNE die entsprechenden Bilder geladen werden soll (aus Benutzerfreundlichkeit wegen hohem Datenvolumen).

Habe das grobe Layout in CSS aufgebaut und würde nun die entsprechenden Container bei Abfrage mit dem include-Befehl füllen.

Funktioniert soweit ganz ok, nur habe ich nun das Problem, dass sich beim Ansprechen der links im runtergescrollten Bereich die Seite (durch ein Neuladen) natürlich wieder nach oben manövriert.

Hier mal der link zur Skizze:

Gibt es hierzu eine Lösung mit Scroll-Abfrage oder liege ich mit meinem Ansatz generell etwas unglücklich?

Freue mich über jeden konstruktiven Ratschlag!

Danke - Markus
 
Hi,

vielleicht helfen dir da die Anker innerhalb des Dokuments weiter?

Zudem solltest du darauf achten, dass in einem Dokument eine ID eindeutig ist, d.h. sie darin nur einmal vorkommt, oder du stattdessen mit Klassen arbeitest, und du beim Includen nicht ein vollständiges HTML-Gerüst in den Dokumentkörper lädst.
 
michaelsinterface hat gesagt.:
vielleicht helfen dir da die Anker innerhalb des Dokuments weiter?
Zum Vergrößern anklicken....

Aha, finde ich schon mal gar nicht so uninteressant. Habe die Anker mal eingebaut. Ist für den User vielleicht etwas verwirrend bei den ersten klicks, wenn der Inhalt immer ein wenig nach oben springt, aber das sollte wohl schnell akzeptiert werden (müssen).

Zudem solltest du darauf achten, dass in einem Dokument eine ID eindeutig ist, d.h. sie darin nur einmal vorkommt, oder du stattdessen mit Klassen arbeitest, und du beim Includen nicht ein vollständiges HTML-Gerüst in den Dokumentkörper lädst.
Zum Vergrößern anklicken....

D.h. die Trennlinie wäre eine ID und der Inhalt-Container eine class?
Und statt einem kompletten HTML-Gerüst?

Danke jedenfalls schon mal für die Ratschläge!
 
Du verwendest die IDs #menu, #contents und #line mehrfach, was nicht valide ist. Wandel sie in die Klassen .menu, .contents und .line um und rufe sie mit dem class-Attribut auf.

Beim Includen wird nur das ins Dokument geladen, was sich innerhalb des Dokumentkörpers <body> ... </body> befindet - also ohne die rotmarkierten Zeilen:

Code: 
<div id="contents">

			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
		<img src="imgs/pic.jpg" width="300" height="400" hspace="4"><img src="imgs/pic.jpg" width="300" height="400" hspace="4"><img src="imgs/pic.jpg" width="300" height="400" hspace="4"><img src="imgs/pic.jpg" width="300" height="400" hspace="4">

	</body>
</html>
</div>
 
Vielen Dank soweit!
Habe die IDs abgeändert und die zu includende Seite vom html-Gerüst befreit (wenn ich das richtig verstanden habe).
Könnte ich mit dem INCLUDE-Befehl auch direkt die Bilder oder sogar einen ganzen Ordner mit Bildern einsetzen oder benötigt dieser Befehl immer ein codiertes Dokument?

Desweitern fände ich es interessant wenn die bereits geladenen Bilder auch erhalten bleiben. Wie könnte ich dies erreichen?

Hier nochmals der upgedatete link:

http://www.three-tourist-treasure.de/unten2.php


Viele Grüße - Markus
 
Bilder und Verzeichnisse kann man nicht includen.
Du könntest aber das Verzeichnis auslesen um so an die ganzen Pfade zu den Bildern zu kommen (einfach mal etwas im Forum stöbern ;) ).
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück