Willkommen, Gast ( Anmelden | Registrierung )     [ Hilfe | Mitglieder | Suche ]

5 Seiten V  < 1 2 3 4 > »   
Reply to this topicStart new topic
> Lightbox Galleriesystem installieren
smail
Beitrag Wed. 15. August 2007, 17:06
Beitrag #21


Advanced Member
********

Gruppe: AdvancedMembers
Beiträge: 587
Mitglied seit: 01.07.2006
Mitglieds-Nr.: 62



ZITAT(gunwalt @ Wed. 15. August 2007, 13:51) *
So, ich habe mal alles gebrauchsfertig zusammengebaut.


Hast Du etwas im Modul-Output selbst geändert? Ist leider keine Changelog dabei.... huh.gif

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.... smile.gif

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:
  • benötigte Skripte werden automatisch im Header eingefügt
  • Navi-Bilder können im Pluginverzeichnis abgelegt werden
Was meint ihr??? biggrin.gif


--------------------
Zufall ist das Pseudonym, das Gott sich zugelegt hat, wenn er unerkannt bleiben möchte.
Go to the top of the page
 
+Quote Post
gunwalt
Beitrag Wed. 15. August 2007, 17:09
Beitrag #22


Advanced Member
********

Gruppe: AdvancedMembers
Beiträge: 1.126
Mitglied seit: 27.06.2006
Mitglieds-Nr.: 7



ZITAT(smail @ Wed. 15. August 2007, 18:06) *
Hast Du etwas im Modul-Output selbst geändert? Ist leider keine Changelog dabei.... huh.gif

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.... smile.gif

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
Go to the top of the page
 
+Quote Post
smail
Beitrag 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 wink.gif
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.
Go to the top of the page
 
+Quote Post
gunwalt
Beitrag Wed. 15. August 2007, 17:49
Beitrag #24


Advanced Member
********

Gruppe: AdvancedMembers
Beiträge: 1.126
Mitglied seit: 27.06.2006
Mitglieds-Nr.: 7



ZITAT(smail @ Wed. 15. August 2007, 18:36) *
Bei Bedarf poste ich hier gerne mal das Modul.

gerne


--------------------
------
Ich gehe spazieren durch Gelsenkirchen
Go to the top of the page
 
+Quote Post
smail
Beitrag Wed. 15. August 2007, 17:56
Beitrag #25


Advanced Member
********

Gruppe: AdvancedMembers
Beiträge: 587
Mitglied seit: 01.07.2006
Mitglieds-Nr.: 62



ZITAT(gunwalt @ Wed. 15. August 2007, 18:49) *
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 sad.gif
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... blink.gif

Angehängte Datei  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.
Go to the top of the page
 
+Quote Post
hylli
Beitrag 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
Go to the top of the page
 
+Quote Post
smail
Beitrag 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,... unsure.gif 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.
Go to the top of the page
 
+Quote Post
hylli
Beitrag 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
Go to the top of the page
 
+Quote Post
smail
Beitrag Wed. 15. August 2007, 21:16
Beitrag #29


Advanced Member
********

Gruppe: AdvancedMembers
Beiträge: 587
Mitglied seit: 01.07.2006
Mitglieds-Nr.: 62



ZITAT(hylli @ Wed. 15. August 2007, 20:25) *
Ausgehend vom Projektverzeichnis (root) liegen die Dateien richtig [...]
Dateien wurden über das Backend hochgeladen.


Und Du hast die dann auch unter Design->Layout eingebunden? wink.gif

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.
Go to the top of the page
 
+Quote Post
hylli
Beitrag 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
Go to the top of the page
 
+Quote Post
smail
Beitrag 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... laugh.gif

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.
Go to the top of the page
 
+Quote Post
hylli
Beitrag 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
Go to the top of the page
 
+Quote Post
tobaco
Beitrag 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 …
Go to the top of the page
 
+Quote Post
smail
Beitrag 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.
Go to the top of the page
 
+Quote Post
hylli
Beitrag 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
Go to the top of the page
 
+Quote Post
Olaf
Beitrag 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 wink.gif


--------------------
Gruß Olaf aus Ohorn

Lieber spät und richtig als nie und falsch.
Go to the top of the page
 
+Quote Post
smail
Beitrag 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:
Angehängte Datei  res_lightbox.zip ( 71.55KB ) Anzahl der Downloads: 59

Angehängte Datei  Pic_Galerie_v03_04_03_lightbox.zip ( 14.8KB ) Anzahl der Downloads: 49

Angehängte Datei  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.
Go to the top of the page
 
+Quote Post
hylli
Beitrag 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
Go to the top of the page
 
+Quote Post
smail
Beitrag Thu. 16. August 2007, 12:26
Beitrag #39


Advanced Member
********

Gruppe: AdvancedMembers
Beiträge: 587
Mitglied seit: 01.07.2006
Mitglieds-Nr.: 62



ZITAT(hylli @ Thu. 16. August 2007, 13:10) *
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.
Go to the top of the page
 
+Quote Post
hylli
Beitrag 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!!! rolleyes.gif

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
Go to the top of the page
 
+Quote Post

5 Seiten V  < 1 2 3 4 > » 
Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 28.3.24 - 11:36

Sefrengo ist ein eingetragenes Markenzeichen und urheberrechtlich geschützt.
Copyright 2009 Design & Daten, Alle Rechte vorbehalten.