Lightbox Galleriesystem installieren |
Willkommen, Gast ( Anmelden | Registrierung ) [ Hilfe | Mitglieder | Suche ]
Lightbox Galleriesystem installieren |
Wed. 15. August 2007, 17:06
Beitrag
#21
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 587 Mitglied seit: 01.07.2006 Mitglieds-Nr.: 62 |
So, ich habe mal alles gebrauchsfertig zusammengebaut. Hast Du etwas im Modul-Output selbst geändert? Ist leider keine Changelog dabei.... Ich erinnnere mich dunkel, dass ich damals dort ein kleines Bisschen schrauben musste, damit der Output mit <div>'s statt Tabellen lief... Wie gesagt, bin mir aber nicht mehr sicher.... Wenn es möglich wird, Code ausführen bevor Sefrengo sonstg was tut oder Module JS und CSS hinzufügen können, wäre es natürlich cool, die Lightbox-Galerie als Plugin herauszugeben:
-------------------- Zufall ist das Pseudonym, das Gott sich zugelegt hat, wenn er unerkannt bleiben möchte.
|
|
|
Wed. 15. August 2007, 17:09
Beitrag
#22
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 1.126 Mitglied seit: 27.06.2006 Mitglieds-Nr.: 7 |
Hast Du etwas im Modul-Output selbst geändert? Ist leider keine Changelog dabei.... Ich erinnnere mich dunkel, dass ich damals dort ein kleines Bisschen schrauben musste, damit der Output mit <div>'s statt Tabellen lief... Wie gesagt, bin mir aber nicht mehr sicher.... Ich habe nur das zusammengepackt, was du oben geschrieben hast, für das Archiv und die Suchfunktion des Forums Konfiguration im Modul: Layout der einzelnen Tabellenelemente (also {content} im Template oben) ZITAT <td align="center">
<!-- <span class="{font4}">{title}</span><br /> --> <a href="{path}{file}" rel="lightbox[pics]" title="{title}<br />{description}"><img src="{path}{thumbfile}" alt="{filedesc}" border="0" /></a> </td> -------------------- ------
Ich gehe spazieren durch Gelsenkirchen |
|
|
Wed. 15. August 2007, 17:36
Beitrag
#23
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 587 Mitglied seit: 01.07.2006 Mitglieds-Nr.: 62 |
ZITAT Ich habe nur das zusammengepackt, was du oben geschrieben hast, für das Archiv und die Suchfunktion des Forums Hm, dachte ich mir. Vielleicht sollten wir da dann noch ein Bisschen am Modul-Output schrauben Bei meinem Beispiel läuft es ja mit <div>'s und der Output ist deutlich sauberer CODE <div class="thumbnail"> <a href="bild1.jpg" rel="lightbox[pics]" title="Das ist der Titel<br />Und hier kommt die Beschreibung..."> <img src="bild1_thumb.jpg" alt="Das ist der Titel"/> </a> </div> <div class="thumbnail"> // analog zu oben </div> <br class="clear"/> // Ende einer Zeile Ok, nachgesehen: der Quelltext des Moduls sollte identisch sein - ich hab nur die Klammern beim PageCounter entfernt. Bei Bedarf poste ich hier gerne mal das Modul. Gruß Jan -------------------- Zufall ist das Pseudonym, das Gott sich zugelegt hat, wenn er unerkannt bleiben möchte.
|
|
|
Wed. 15. August 2007, 17:49
Beitrag
#24
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 1.126 Mitglied seit: 27.06.2006 Mitglieds-Nr.: 7 |
-------------------- ------
Ich gehe spazieren durch Gelsenkirchen |
|
|
Wed. 15. August 2007, 17:56
Beitrag
#25
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 587 Mitglied seit: 01.07.2006 Mitglieds-Nr.: 62 |
gerne So, anbei das Modul. Hab es mal auf die Schnelle etwas im Changelog kommentiert. css und javascript hab ich nicht beigepackt (findest Du ja auf der Beispielseite) Schau mal, ob Du damit klar kommst. Ansonsten geb ich das vielleicht mal als Anleitung im Wiki raus - fehlt aber im Moment die Zeit Besser wär natürlich (wie gesagt) ein das Ding als Plugin... Könnte man dem User alle "Drecksarbeit" abnehmen. Schön wäre natürlich auch die Nutzung eines einheitlichen JS-Frameworks... Aber ob das was wird... Pic_Galerie_v03_04_03_lightbox.zip ( 14.8KB ) Anzahl der Downloads: 52 Gruß Jan -------------------- Zufall ist das Pseudonym, das Gott sich zugelegt hat, wenn er unerkannt bleiben möchte.
|
|
|
Wed. 15. August 2007, 18:27
Beitrag
#26
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 245 Mitglied seit: 06.07.2006 Mitglieds-Nr.: 117 |
ALso ich würde das ja gerne auch einsetzen, aber ich bekomme das einfach nicht gebacken?!?
Hab's gemäß gunwalts Anleitung probiert, aber es will einfach nicht?!? Gibt's noch was besonderes zu beachten? Reihenfolge der Einbindung im Layout? ...? ...? Javascript ist im Browser ausgeschaltet -> funktioniert auf smails Seite! Getestet im Firefox und IE. Hylli |
|
|
Wed. 15. August 2007, 18:48
Beitrag
#27
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 587 Mitglied seit: 01.07.2006 Mitglieds-Nr.: 62 |
ZITAT Javascript ist im Browser ausgeschaltet -> funktioniert auf smails Seite! Öhm,... also das glaube ich kaum. Wenn javascript aus ist, kann die Lightbox nicht funktionieren. Es kommt zwar die Übersichtsseite korrekt, aber die Bilder öffnen sich nicht per Lightbox, sondern halt normal. Stimmen Deine Pfade??? css und js? Evtl. link posten...? -------------------- Zufall ist das Pseudonym, das Gott sich zugelegt hat, wenn er unerkannt bleiben möchte.
|
|
|
Wed. 15. August 2007, 19:25
Beitrag
#28
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 245 Mitglied seit: 06.07.2006 Mitglieds-Nr.: 117 |
Ausgehend vom Projektverzeichnis (root) liegen die Dateien richtig unter cms/css bzw. cms/js, sprich www.domain.de/cms/css/lightbox.css etc.
Dateien wurden über das Backend hochgeladen. Hylli Der Beitrag wurde von hylli bearbeitet: Wed. 15. August 2007, 19:35 |
|
|
Wed. 15. August 2007, 21:16
Beitrag
#29
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 587 Mitglied seit: 01.07.2006 Mitglieds-Nr.: 62 |
Ausgehend vom Projektverzeichnis (root) liegen die Dateien richtig [...] Dateien wurden über das Backend hochgeladen. Und Du hast die dann auch unter Design->Layout eingebunden? BTW: richtig ist hier relativ... Wichtig ist nur, dass sie korrekt eingebunden werden, egal wo sie liegen... Schau Dir evtl. einfach mal den generierten Quelltext an. Gruß Jan -------------------- Zufall ist das Pseudonym, das Gott sich zugelegt hat, wenn er unerkannt bleiben möchte.
|
|
|
Thu. 16. August 2007, 06:27
Beitrag
#30
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 245 Mitglied seit: 06.07.2006 Mitglieds-Nr.: 117 |
Gehe schon davon aus, dss diese richtig eingebunden sind, eben hardgecoded im Head-Bereich des Layouts.
Daher auch die Frage ob hier eine bestimmte Reihenfolge einzuhalten ist?!? So sieht's im Quelltext aus: QUELLTEXT ... <!--END head//--> <script src="cms/js/mootools.js" type="text/javascript"></script> <script src="cms/js/lightbox.js" type="text/javascript"></script> <link rel="StyleSheet" href="cms/css/lightbox.css" type="text/css" /> </head> Rufe ich z.B. www.domain.de/cms/js/mootools.js auf bekomme ich die Inhalte der Datei angezeigt. Hylli |
|
|
Thu. 16. August 2007, 10:27
Beitrag
#31
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 587 Mitglied seit: 01.07.2006 Mitglieds-Nr.: 62 |
Hm, vielleicht sollte ich mal STam's berühmte Glaskugel befragen...
Ne, Spaß beiseite: Hast Du vielleicht einen Link, wo man das mal live sehen kann?? Wär, glaub ich, einfacher... Gruß Jan -------------------- Zufall ist das Pseudonym, das Gott sich zugelegt hat, wenn er unerkannt bleiben möchte.
|
|
|
Thu. 16. August 2007, 10:38
Beitrag
#32
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 245 Mitglied seit: 06.07.2006 Mitglieds-Nr.: 117 |
Ich mach's ma vorerst per PN!
Hylli |
|
|
Thu. 16. August 2007, 10:40
Beitrag
#33
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 185 Mitglied seit: 03.07.2006 Mitglieds-Nr.: 80 |
lightbox benötigt auch noch prototype.js und scriptalicous.js samt effekte.
die scheinen bei dir zu fehlen … QUELLTEXT <script src="cms/js/prototype.js" type="text/javascript"></script> <script src="cms/js/scriptaculous.js?load=effects" type="text/javascript"></script> EDIT oh, ich seh grad, wir reden hier von verschiedenen "Lightboxen" … ich meinte diese version hier: http://www.huddletogether.com/projects/lightbox2/ gunwalt nutzt aber die hier: http://www.phatfusion.net/lightbox/index.htm die zweite version braucht die oben genannten scripte natürlich nicht … |
|
|
Thu. 16. August 2007, 11:15
Beitrag
#34
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 587 Mitglied seit: 01.07.2006 Mitglieds-Nr.: 62 |
Wie tobacco bereits sagt: es gibt verschiedene Lightbox-Ansätze.
Ich habe damals Lightbox2 verwendet. Die benötigt in der Tat prototype und scirptacolous. Du möchtest gerne die lightbox bzw. eigentlich slimbox verwenden, die auf mootools basiert. Und im Grunde mischt du gerade beide Ansätze, indem du zwar mootools einbindest, aber dann mit lightbox2 (basierend auf prototype etc.) arbeiten willst. Ich denke, da liegt der Fehler... ZITAT So sieht's im Quelltext aus: QUELLTEXT <script src="cms/js/mootools.js" type="text/javascript"></script> <script src="cms/js/lightbox.js" type="text/javascript"></script> Also entweder mootools mit slimbox oder lightbox2 mit prototype & scriptacolous Hoffe, das hilft Dir weiter. Alternative Idee: Pack Dir einfach mal ein Beispiel Deiner lightbox-Version (siehe o.g. Seiten von tobacco) im Modul Sourcecode zusammen und versuch da, diese lightbox-Version zum laufen zu bekommen, d.h. richtige Einbettung der Scripte im Header. Wenns da läuft, nochmal zurück zur Galerie. -------------------- Zufall ist das Pseudonym, das Gott sich zugelegt hat, wenn er unerkannt bleiben möchte.
|
|
|
Thu. 16. August 2007, 11:20
Beitrag
#35
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 245 Mitglied seit: 06.07.2006 Mitglieds-Nr.: 117 |
Neeee, ich bin einfach nur nach gunwalt's Anleitung vorgegangen.
Habe mir die im Paket enthaltenen Dateien im Backend hochgeladen, gemäß Anleitung eingebunden und das Galeriemodul mit gunwalts Konfiguration einfach übernommen. Sollte daran was falsch sein?!? Edit: Auch mit der Slimbox dasselbe Spiel. Hylli Der Beitrag wurde von hylli bearbeitet: Thu. 16. August 2007, 11:23 |
|
|
Thu. 16. August 2007, 11:36
Beitrag
#36
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 613 Mitglied seit: 30.06.2006 Mitglieds-Nr.: 30 |
Mal was anderes, haben deine Links zu den Bildern denn eigentlich die Anweisung dazu?
<a rel="lightbox" oder wie gefordert? Das musst du auch noch in der Konfig vornehmen, denk ich mal ... PS. ich guck auch mal rein -------------------- |
|
|
Thu. 16. August 2007, 11:50
Beitrag
#37
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 587 Mitglied seit: 01.07.2006 Mitglieds-Nr.: 62 |
Ok, dann nochmal ganz von vorne:
Anbei schicke ich Dir mal exakt meine Version (also lightbox2 + prototye & scriptacolous!!). Dann sollte es ja gehen. Vorgehen: 1. Skripte im Projektordner ablegen den kompletten Ordner res_lightbox in Deinem Projekt-Ordner unter cms/layout/res_lightbox ablegen, also: QUELLTEXT projektordner/cms/layout/res_lightbox/ (der Ordner Layout musst Du neu anlegen, der ist in der Standardinstallation nicht da!) Im Ordner res_lightbox sollten dann drei Unterordner (css, images, js) mit allen notwendigen Dateien sein. 2. Skripte ins Layout einbinden Dann folgendes im Layout der Galerieseite (fest! nicht über den internen Upload!!!) im Header einbinden QUELLTEXT <script src="cms/layout/res_lightbox/js/prototype.js" type="text/javascript"></script> <script src="cms/layout/res_lightbox/js/scriptaculous.js?load=effects" type="text/javascript"></script> <script src="cms/layout/res_lightbox/js/lightbox.js" type="text/javascript"></script> 3. CSS ins Layout einbinden Ebenfalls folgendes im Layout der Galerieseite (fest! nicht über den internen Upload!!!) im Header einbinden: QUELLTEXT <link href="cms/layout/css/gallery.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="cms/layout/res_lightbox/css/lightbox.css" type="text/css" media="screen" /> Die erste css-Datei ist meine Formatierung der Galerie. Füge ich ebenfalls bei. Bitte in dem entsprechenden Unterodrner ablegen, also: projektordner/layout/css/gallery.css 4. Mein Modul verwenden (dort sind alle config's bereits drin!!!) In Template einbinden - fertig! So und hier nun noch die Dateien: res_lightbox.zip ( 71.55KB ) Anzahl der Downloads: 59 Pic_Galerie_v03_04_03_lightbox.zip ( 14.8KB ) Anzahl der Downloads: 49 gallery_css.zip ( 681Byte ) Anzahl der Downloads: 46 Ich hoffe, ich hab jetzt nix wesentliches vergessen. Denke, damit sollte dann hoffentlich alles gehen! Gutes Gelingen! Viele Grüße Jan -------------------- Zufall ist das Pseudonym, das Gott sich zugelegt hat, wenn er unerkannt bleiben möchte.
|
|
|
Thu. 16. August 2007, 12:10
Beitrag
#38
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 245 Mitglied seit: 06.07.2006 Mitglieds-Nr.: 117 |
Werde es testen und gebe dann Bescheid! Benötigen die Verzeichnisse spezielle Rechte?!?
@Olaf Ja die Links sollten passen, steht sowas drinne <a ... rel="lightbox[pics]" etc. drinne. Hylli Der Beitrag wurde von hylli bearbeitet: Thu. 16. August 2007, 12:10 |
|
|
Thu. 16. August 2007, 12:26
Beitrag
#39
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 587 Mitglied seit: 01.07.2006 Mitglieds-Nr.: 62 |
Werde es testen und gebe dann Bescheid! Benötigen die Verzeichnisse spezielle Rechte?!? Denke nicht. Bei mir stehen sie auf 755, sollte evtl. aber auch weniger gehen. -------------------- Zufall ist das Pseudonym, das Gott sich zugelegt hat, wenn er unerkannt bleiben möchte.
|
|
|
Thu. 16. August 2007, 13:32
Beitrag
#40
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 245 Mitglied seit: 06.07.2006 Mitglieds-Nr.: 117 |
Der Effekt ist auf jeden Fall mal da, Danke schonmal an dieser Stelle!!!
Der Rest wird wohl Feintuning sein, weil meine Thumbs größer sind und die Ausrichtung z.T. vertikal ist. @gunwalt: Vielleicht passt bei Deinem Paket doch irgendwas nicht 100%ig bzw. man muss auf irgendetwas spezielles achten?!? Hylli |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 4.5.24 - 17:11 |