[Erledigt] How to... Lightbox in Coppermine einbringen

Begonnen von Pat Satanus, 11 September 2008, 22:14:42

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Pat Satanus

Hi Folx!
Nachdem ich einem Bekannten erfolgreich bei der Installation und Einrichtung der Lightbox für die Coppermine helfen konnte und auch versprochen habe, die Lösung zu schreiben, bitteschön. Hier für jeden einmal die komplette Vorgehensweise, wie sie funktioniert (zumindest bei Fred, Toby und mir). Wenn man sich Schritt für Schritt an dieses HowTo hält, kann eigentlich nichts schiefgehen.
Natürlich übernehme ich keinerlei Verantwortung, wenn das nicht funktioniert. Versteht sich wohl von selbst...

Let´s start...

Schritt 1 - Sicherung:
Sichert den kompletten Inhalt des Theme-Ordners eurer Coppermine-Galerie BEVOR ihr irgendetwas verändert, ersetzt oder hochladet!

Schritt 2 - Upload:
Mit dem ftp-Programm eurer Wahl müßt ihr die kompletten Ordner "images" und "js" samt Inhalten in den Theme-Ordner von Coppermine laden (also in den Ordner modules/Gallery/themes/dein-theme) hochladen. Die Dateien template.html, theme.php, style.css und index.html werden ebenfalls dorthin hochgeladen.
Die Ordnerstruktur muß dann wie auf dem Bild unten aussehen:

Diese Dateien sind auf jeden Fall wichtig, damit die Lightbox auch weiß, wo und wie sie arbeiten muß.

Schritt 3 - Pfade in template.html:

In der template.html müssen die Pfade eurer Seite richtig angelegt werden. In der angehängten Version sieht es so aus:

<script type="text/javascript" src="scripts.js"></script>
<script type="text/javascript" src="http://www.deine-seite.de/modules/Gallery/themes/mx-port/js/prototype.js"></script>
<script type="text/javascript" src="http://www.deine-seite.de/modules/Gallery/themes/mx-port/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://www.deine-seite.de/modules/Gallery/themes/mx-port/js/lightbox.js"></script>

Das deine-seite.de muß dementsprechend abgeändert werden.

Schritt 4 - Die style.css:
Die style.css wurde mit dem Lightbox-Code erweitert. Ab Zeile 533 gehen die Einstellungen für die Lightbox los. Dort könnt ihr Hintergrundfarben, Fenstergrößen und alles mögliche einstellen. Ein paar kleine Tipps für die individuelle Gestaltung gebe ich euch hier.
Zeile 538: Hier wird die Rahmenfarbe des Containers angegeben (background-color: #000). Ändert diesen Hex-Wert in die gewünschte Farbe, schon wird der Rahmen bunt.
Zeile 552: Damit auch der untere Rand mit den Datei-Infos und den Close-Button die gleiche Farbe hat, hier den Hex-Wert einstellen. Logischerweise sollte es der gleiche Wert sein wie in Zeile 538.
Was ganz feines verbirgt sich in der Zeile 560. Hier wird das Overlay bestimmt. Gegen Ende dieser Zeile findet ihr wieder einen Hex-Wert, wenn ihr den ändert, wird die Farbe verändert, die den Hintergrund abdunkelt, wenn ein Bild aufgeht. (Beispiel mit einem rötlich abgedunkeltem Hintergrund hier: Pat´s Galerie.

Schritt 5 - Einstellungen in der lightbox.js:
Im Ordner js findet ihr die lightbox.js. Dort kann man ab der Zeile 50 ein paar Einstellungen machen. Zum Beispiel, wie breit der Rand neben dem Bild sein soll, wie lange das Bild für den resize braucht usw. Einfach mal ausprobieren, was euch am besten gefällt.
Vorsicht! Geht nicht ans Eingemachte, sondern ändert nur die Werte oben.

Mehr fällt mir gerade nicht ein, wenn Fragen bestehen, dann fragt. Gerne helfe ich weiter, wenn ich denn kann. Und wenn ihr ein wenig ausprobiert, ist das auch ganz gut. Learning by doing!

Die benötigten Dateien für die Lightbox findet ihr als gepackte Archivdateien im Anhang. Die erste Datei enthält die template.html, die style.css, die theme.php, die index.html und den Ordner js. Die zweite Datei enthält den Ordner images.

Hoffe, euch bringt diese Anleitung etwas.

So long...

Pat
Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
-Cicero-

breakdancer

Hi,

die Datei lightbox.rar macht Probleme beim Entpacken... Unerwartetes Dateiende...

Packstes nochmal bitte ?

Liebe Grüße

Markus

Pat Satanus

Hier gibt´s die Anhänge nochmal als .ZIP.
Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
-Cicero-

xmjay

CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

Mainzer

Hmm :gruebel:,
bei mir will es einfach nicht!
Wie schon in dem anderen Beitrag erwähnt, läuft es bei mir local (localhost).
In der template.php habe ich also als pfad localhost ohne www und .de angegeben, kann mir jemand sagen wie Ihr das macht oder eingibt wenn es local läuft?
Das einzige was sich bei mir tut ist das es sich nicht mehr im neuen Fenster öffnet also neuer tab sondern im gleichem Fenster (Blanko mit Bild)
grüße

Pat Satanus

Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
-Cicero-

Mainzer

Alles vorhanden,
habe extra die Dateien von Dir genommen um sicher zu gehen!
gruß

Pat Satanus

Hmmm... das bringt mich wirklich in Grübeln. Sorry, aber spontan kann ich dir nicht erklären, warum es bei dir local nicht läuft. Hast du keine Möglichkeit, das Ding irgendwie online zu testen? Dann könnten wir sehen, ob es nur am local liegt oder ob sich irgendwo ein Fehler eingeschlichen hat.
Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
-Cicero-

Mainzer

Ich versuch es mal online, wird aber eine weile dauern!
Bis gleich!
gruß

Pat Satanus

Vergiss nicht, uns einen link zu geben...
Viel Erfolg!
Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
-Cicero-

goodssale

#10
hallo Pat Satanus,
ich habe es auch versucht und habe nur ein teil erfolg.
das bild das aufgehen soll ist zwar offen aber nicht zu sehen alles weiß.
und das andere, die seitenansicht von coppermine ist plötzlich schwarz.
hier mal ein screenshot wie die gallery vorher aussah.

wenn du mal schauen magst hier ist meine seite:
http://www.nuernberg-gartenstadt.de/modules.php?name=Gallery
ich nutze: Coppermine Photo Gallery 1.4.10 (stable)

kannst du mir einen rat geben, was ich falsch gemacht habe.
habe auch mal die geänderte template in den anhang.

ach ja und die seite verschiebt sich auch um circa 3cm nach unten.
aber nur auf der der bilder seite, die anderen bleiben oben.
Grüße Heinz

Pat Satanus

Oh, alles klar. Das mit dem schwarz liegt an der style.css. Die habe ich für dunkle Hintergrunde angepasst. Das muß du halt auf deine früheren Einstellungen setzen (z.B. den Hex-Wert bei maintable von #000000 (schwarz) auf #FFFFFF (weiß)).

Die template scheint in Ordnung zu sein, mir fällt zumindest kein Fehler auf. Wie sieht´s mit der theme.php und der index.html aus? Wenn du magst, kann ich mal einen Blick reinwerfen.
Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
-Cicero-

Mainzer

Da bin ich wieder, habe aber noch irgendwo einen fehler!
Musste ja die Seite hochladen (server) und die DB einfügen, jetzt beim aufruf der seite bekomme ich folgenden fehler:
Warning: mysql_query(): supplied argument is not a valid MySQL-Link resource in /html/modules/Forum/smf/Sources/Subs.php on line 331

line 331
        $ret = mysql_query($db_string, $db_connection);

bräuchte mal eben hilfe!
gruß

Pat Satanus

Zitat von: Mainzer am 12 September 2008, 12:32:06
MySQL-Link resource in /html/modules/Forum/smf/Sources/Subs.php on line 331

Scheint ein Prob im smf zu sein, wenn ich das so sehe...
Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
-Cicero-

SvenW

Zitat von: Pat Satanus am 12 September 2008, 12:34:55
Zitat von: Mainzer am 12 September 2008, 12:32:06
MySQL-Link resource in /html/modules/Forum/smf/Sources/Subs.php on line 331

Scheint ein Prob im smf zu sein, wenn ich das so sehe...


Was hat denn das Forum mit der Galerie zutun? Oder ist das ein generelles Problem, dass deine komplette Seite nicht läuft?

goodssale

#15
hallo,
ja das wäre super habe beide mal in den anhang,
die auf dem server liegen.

habe die,
Zitat.maintable {
        border: 0px solid $css[backcolor_3];
        background-color: #FFFFFF;
        margin-top: 1px;
        margin-bottom: 1px;

auf weiß gemacht bleibt aber schwarz.
muss ich noch was ändern.
Grüße Heinz

Mainzer

Naja,
habe meine seite local angefangen zu erstellen die DB war auch local!
Nun habe ich die seite auf meine Test Domain per FTP zum Server hochgeladen und die DB eingefügt (wegen der Lightbox)
wenn ich jetzt die seite Aufrufen will bekomme ich diese Fehlermeldung!
Einfach mal hier schauen: http://www.cigomigo.de/
gruß

Banjo

@ goodsale

lightbox... litebox...

welches script hast du nun eingebunden ?

laut deinem Seitequelltext, alle beide...

warum ?

Pat Satanus

Hi Heinz.
Schick mir mal bitte deine ALTE style.css und deine NEUE style.css zu, dann passe ich dir kurz die Farben an.
Zu den anderen Dateien: Sowohl die theme.php, als auch index.html und template.html scheinen in Ordnung zu sein. Sie unterscheiden sich zumindest nicht von den Versionen, die laufen. Und irgendwie sehe ich bei dir verschieden Boxen (lightbox und litebox), das dürfte wohl zu Problemen führen.

@Mainzer: Da besteht ein Problem, dein smf zu erreichen, schau mal bei der Suche nach diesem Problem, es hat nicht wirklich was mit der Lightbox, bzw. der coppermine zu tun.
Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
-Cicero-

goodssale

#19
hi banjo,
hmm.. eine habe ich schon etwas am laufen die ist für die news und so,
da habe ich nix an der gallery gemacht. die liegt im root.

habe beide mal in den anhang
Grüße Heinz