wzp-galipix light und Lytebox

Beitrag von **camouflage1984** » Do 11. Dez 2014, 00:16

Bilder in Lytebox auf eigener Seite anzeigen lassen.

Mit diesem Script http://www.wzp-galipix.com/galerie.html funktioniert das sehr gut.

Das Script erstellt vorschaubilder, diese werden automatisch mit den Originalen verknüpft und dann in der Lytebox angezeigt.
Damit das Script funktioniert muss du die Seite in der du es einbindest auf .php enden.
Damit du auch mehrere Galerien erstellen kannst musst du nur die Datei ausgabe.php kopieren und umbennen zum Beispiel in galerie_a.php, galerie_b.php, galerie_c.php und diese dann einbinden.

Code: Alles auswählen

<title>Galerie 1</title>
<script type="text/javascript" language="javascript" src="lytebox/lytebox.js"></script>
<link rel="stylesheet" href="lytebox/lytebox.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/light.css" type="text/css">
</head>
<body>
<div id="light">
<?php include('galerie_a.php');?>    
</div>
</body>
</html>

So kannst zig Galerien einbinden.

Gruß
camouflage1984

do-se · Beitrag von **do-se** » Di 16. Dez 2014, 17:28

Hallo camouflage1984

Die Galerie funktioniert super !!

Kein großer Aufwand und wenn man darauf achtet, nicht zu große Bilder zu verwenden,
läuft sie auch flüssig.
Nicht mehr als 1000 Pixel Kantenlänge oder kleiner als 1MB sollten die Bilder sein, sonst dauert der Bildaufbau je nach System sehr lange.

Als kleinen Verbesserungsvorschlag würde ich mir wünschen, dass der Ordnername nicht bei Vorschau und Show erscheint. Bei geschickter Dateibezeichnung bekommt man dann auch einen kleinen individuellen Text unter.

Was ich nicht geschafft habe, dass nach der Show mein normaler Text
in einer neuen Zeile beginn. Er klebt immer rechts neben dem letzten Bild.
Hier ist der Code, wo ich schon mit "br" und "p" versucht habe, den Fluss zu unterbrechen.

Code: Alles auswählen

<p>
Hier die Show mit wzp-light
<br>
<div id="light">
<?php include('Tag1.php');?>  
<br>
</div>
<br>
</p>

<p>
Hier soll der Text weitergehen.

Was muss ich da eingeben

Beitrag von **camouflage1984** » Di 16. Dez 2014, 18:54

Hallo do-se

do-se hat geschrieben:Nicht mehr als 1000 Pixel Kantenlänge oder kleiner als 1MB sollten die Bilder sein, sonst dauert der Bildaufbau je nach System sehr lange.

Ja das kann schon mal je nach Größe und Geschwindigkeit der Internet Verbindung dauern.

do-se hat geschrieben:Als kleinen Verbesserungsvorschlag würde ich mir wünschen, dass der Ordnername nicht bei Vorschau und Show erscheint.

Was meinst du genau? Bei mir sieht es so aus:

: bild_1.jpg (49.15 KiB) 10222 mal betrachtet

: bild_2.jpg (232.85 KiB) 10222 mal betrachtet

do-se hat geschrieben:Was ich nicht geschafft habe, dass nach der Show mein normaler Text
in einer neuen Zeile beginn. Er klebt immer rechts neben dem letzten Bild.

Da der div der die Galerie umgibt nicht gefloatet ist wird der Text am letzten Bild links angedockt.

Du solltest kein

Code: Alles auswählen

div

in einen absatz

Code: Alles auswählen

stecken

Wenn du das so machst

Code: Alles auswählen

<p>
Hier die Show mit wzp-light
</p>
<div id="light">
<?php include('Tag1.php');?> 
</div>
<p>
Hier soll der Text weitergehen. 
</p>

und in deiner css p auf

Code: Alles auswählen

float:left;

und die breite auf 100% stellst

Code: Alles auswählen

width:100%;

klappt es so wie du willst.

do-se · Beitrag von **do-se** » Di 16. Dez 2014, 20:39

Freu... jetzt klappt der Umbruch. Bild

Guggst du:

: Screen01.jpg (36.5 KiB) 10220 mal betrachtet

Da siehst du auch, wie es bei mir aussieht. Das Verzeichnis wird angezeigt.

In der Show auch...

: Screen02.jpg (85.74 KiB) 10220 mal betrachtet

Wenn jetzt der Verzeichnisname weg wäre, und die Dateibezeichnung bleibt, hätte ich gleich eine Bildbeschreibung.

Beitrag von **camouflage1984** » Mi 17. Dez 2014, 17:52

hallo do-se

Freut mich das es klappt

Das was du meinst ist doch der Bildername, denn nur der wird angezeigt!
Kann es sein das du deine Bilder Garten der Hintereingang, Garten2 der Freisitz genannt hast?

Bei mir

Code: Alles auswählen

 
<a href="bilder/IMAG0296.jpg" class="lytebox" data-lyte-options="group:vacation" 
		title="IMAG0296">
		<img src="cache/97bc974ad4aa165c089560198078135b-120x80.jpg" width="120" height="80" /></a>
        <span>IMAG0296</span>

wird nur der Bildname ohne Endung angezeigt, obwohl das Bild im Ordner bilder ist.

do-se · Beitrag von **do-se** » So 21. Dez 2014, 14:20

Das ist ja mal peinlich.
Ich war so begeistert, von der Einfachheit ein komplettes, altes Galerie-Verzeichnis einzubinden, dass ich gar nicht mehr auf den Inhalt geachtet habe. Du hattest Recht, nicht das letzte Unterverzeichnis "Garten" wird angezeigt, sondern genau das, was ich als Bildbezeichnung geschrieben habe.

Vielen Dank für deine Hilfe, jetzt kann ich mich erst mal austoben.
Deine wzp-light-Lösung ist genial.

www.forum.kompozer-web.de

wzp-galipix light und Lytebox

wzp-galipix light und Lytebox

Re: wzp-galipix light und Lytebox

Re: wzp-galipix light und Lytebox

Re: wzp-galipix light und Lytebox

Re: wzp-galipix light und Lytebox

Re: wzp-galipix light und Lytebox