Hilfe - Suche - Mitglieder - Kalender
Vollansicht: Lightbox Galleriesystem installieren
Forum Sefrengo.org > Allgemeine Foren > Anwenderforum
Seiten: 1, 2
hylli
Hm, ich hatte da irgendwas von Olaf in Erinnerung, der da in eigenen Backend-Dateien herumschraubte?!? Aber wahrscheinlich hast Du Recht, dass man für's Frontend nichts hacken muss.

Vielleicht könntest Du mir mal'ne PN schicken wie alles eingebunden werden muss?!?

Danke.

Hylli
andi
ja, der hack ist aber für den dateimanager im backend.
eine gute, einfach anleitung mit sämtlichen dateien findest du hier.
hylli
Die Anleitung scheint wirklich auch für mich verständlich zu sein. Werd's testen!

Danke für die Hilfe/Info.

Hylli
saschapi
Ich weise nur kurz darauf hin, dass man, wenn man ModRewrite2 nutzt natürlich CSS und JS Dateien anders einbinden muss

CODE
...
<!--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>


Wenn man das / vor den Pfad setzt geht der Browser davon aus, dass er vom Root her anfängt (also z.B. in www.domain.de/cms/js/mootols.js). Wenn man das ohne das / setzt und z.B. gerade auf einer Seite in einem Unterordnder ist (z.B. www.domain.de/de/Wir_uber_uns/index.html) dann würde die JS Datei z.B. hier suchen www.domain.de/de/Wir_uber_uns/cms/js/mootols.js wo sie natürlich nicht gefunden wird.

rolleyes.gif

Dies nur, falls ein paar der Probleme in diesem Thread darauf beruhen oder falls nachkommende Generationen diese Problem haben... smile.gif
hylli
@andi
Danke, war wirklich leicht einzubinden. Gefällt mir dahingehend besser als smails Lösung, als das die Links zum nächsten/vorherigen Bild unterhalb des jeweiligen Bildes fest verankert sind.

Ein Problem(chen) habe ich damit:
Ist die Galerieseite auf mehrere Seiten verteilt und man möchte sich das ganze per Slideshow anschauen, so endet die Diashow mit dem letzten Bild der aktuellen Galerieseite (nur noch Link zum vorherigen Bild).

@saschapi
Ebenfalls Danke für den Hinweis. Werde vielleicht dahingehend gunwalt's Lösung nochmals austesten.

Jetzt fehlt mir nur noch ein Hinweis, wo man an der Helligkeit beim Aufruf eines Bildes der im Hintergrund befindlichen Webseite rumschrauben kann.

Hylli
bkm
ZITAT(saschapi @ Fri. 17. August 2007, 08:57) *
Ich weise nur kurz darauf hin, dass man, wenn man ModRewrite2 nutzt natürlich CSS und JS Dateien anders einbinden muss

Ich habe am Einbinden (css,js) unter Verwendung von ModRewrite2 noch nie was ändern müssen,
dies übernimmt base-href.
saschapi
Es ging mir auch um die Leute die CSS und JS selber ins Layout schreiben! Und dabei funktioniert es bei jedenfalls nicht. wink.gif Ist vermutlich nicht rübergekommen, aber ich dachte das sei selbstverständlich wenn ich gunwalts Codebeispiel übernehme wink.gif
Dieter
ZITAT(hylli @ Thu. 16. August 2007, 13:10) *
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


Bei mir funktioniert es jetzt (nachdem ich nach ca. 1 stündiger Suche bemerkt habe, daß das Verzeichnis "res_lightbox Folder" heißt und bei mir deshalb nichts funktioniert... biggrin.gif )

Einige Kleinigkeiten: In meinem zentrierten Fenster werden die Diarahmen leider nicht zentriert (wird wohl irgendwo im CSS klemmen). Ferner fehlt das (nicht zwingend notwendige) PNG für den Diarahmenhintergrund (habe es dann schließlich doch anhand der Pfade entdeckt). Was aber wirklich stört, ist das bei mir wird weder das loading.gif (darauf könnte ich noch verzichten), noch das close.gif angezeigt werden. In der lightbox.js ist der Pfad angegeben und ich habe diverse Möglichkeiten probiert, aber nicht den richtigen relativen Pfad gefunden. Schließlich habe ich es mit einem absoluten Pfad (inkl. Domäne) gelöst... - vielleicht kann da noch die nötige Angabe gemacht werden.

Auf jeden Fall: Vielen Dank für die Arbeit, die ihr euch alle mit dem Thema gemacht habt!

Schöne Grüße,
Dieter
macweb
Hi,

kann mir jemand vielleicht weiterhelfen? bei mir funktioniert alles bei der Lightbox aus das Next und Back für die Bilder geht nicht. Also wenn man in den Bereich Kommt soll ja das Next erscheinen das man auch drauskommt das man drücken muss. Wenn man drückt geht es schon. Nur eben der Grafikbutton Rollover kommt nicht.

mfg mg
smail
ZITAT
bei mir funktioniert alles bei der Lightbox aus das Next und Back für die Bilder geht nicht.


Bei der Lightbox müssen leider einige Pfade direkt in zwei Ressourcen-Dateien eingestellt werden.

Wenn Du meine "Paket"-Version verwendest, dann sollte sich bei den Pfaden in der lightbox.css in etwa folgendes finden:
QUELLTEXT
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


In der lightbox.js findest Du im Bereich "Configuration"
QUELLTEXT
// Configuration
var fileLoadingImage = "../res_lightbox/images/loading.gif";
var fileBottomNavCloseImage = "../res_lightbox/images/closelabel.gif";


Diese Pfade sind entsprechend anzupassen. Dann sollte es eigentlich gehen. (Siehe auch mein Posting weiter vorne in diesem Thread)

Gruß
Jan



Uliwe
Hallo,

habe mal das "smail-Paket" installiert und es funktioniert tadellos, bis auf eine Kleinigkeit: Auf den Galerie-Übersichtsseiten entsteht nach der ersten Bilderzeile immer eine Leerzeile, unabhängig davon, wieviele Bilder ich pro Zeile ausgeben lasse. Kann im Quelltext dazu nichts auffälliges finden. Weiß da jemand Rat?

...so sieht das aus...

Achja, gleich noch eine Frage:

ZITAT
Ein Problem(chen) habe ich damit:
Ist die Galerieseite auf mehrere Seiten verteilt und man möchte sich das ganze per Slideshow anschauen, so endet die Diashow mit dem letzten Bild der aktuellen Galerieseite (nur noch Link zum vorherigen Bild).

Kann man das auch so lösen, dass man die Bilder der kompletten Galerie "durchklicken" kann, so wie es bei der "Ohne-Lightbox-Pic-Galerie" möglich ist?

Gruß,
Ulrich

PS: Dolles Danke an alle, die hier so fleißig helfen! smile.gif
andi
ZITAT(Uliwe @ Sun. 25. May 2008, 18:04) *
Auf den Galerie-Übersichtsseiten entsteht nach der ersten Bilderzeile immer eine Leerzeile, unabhängig davon, wieviele Bilder ich pro Zeile ausgeben lasse. Kann im Quelltext dazu nichts auffälliges finden. Weiß da jemand Rat?


das hat nichts mit der galerie an sich zu tun. das ist das typische verhalten von clear in einer statischen box innerhalb einer float-umgebung.
d.h. dein clear nach den ersten drei bilder wirkt global. da die rechte spalte floatet werden die nachfolgenden drei bilder unterhalb der längsten spalte gedrückt.

allerdings verstehe ich nicht, warum du überhaupt ein clear benötigst. lass alle bilder floaten und umschliesse sie mit einem div, welches du clearst.


gruss andi
Uliwe
Hallo andi,

erstmal Danke für Deine Hilfe! smile.gif Wenn ich Dich richtig verstehen würde, müßte es doch eigentlich so richtig sein?:

QUELLTEXT
       <!--START 4050//-->
              
       <div class="walker">
                   <span class="">1</span><a href="index.php?idcatside=13&amp;galerie=4050_2">
                   <span class="">2</span></a> <a href="index.php?idcatside=13&amp;galerie=4050_3">
                   <span class="">3</span></a> <a href="index.php?idcatside=13&amp;galerie=4050_4">
                 <span class="">4</span></a>
               </div>
            
             <div style="clear: both;">
            
             <div class="thumbnail"><a href="http://www.harmonie-lembeck.de/media/img/galerien/2007/zillertal/Harmoniemaedels2.jpg" rel="lightbox[pics]" title="&lt;br /&gt;"><img src="http://www.harmonie-lembeck.de/media/img/galerien/2007/zillertal/Harmoniemaedels2_cms_thumb.jpg" alt="Harmoniemaedels2.jpg"/></a></div>
            
             [...]
            
             <div class="thumbnail"><a href="http://www.harmonie-lembeck.de/media/img/galerien/2007/zillertal/ZT-019.jpg" rel="lightbox[pics]" title="&lt;br /&gt;"><img src="http://www.harmonie-lembeck.de/media/img/galerien/2007/zillertal/ZT-019_cms_thumb.jpg" alt="ZT-019.jpg"/></a></div>
          
           </div>
                
             <div class="walker">
                 <span class="">1</span> <a href="index.php?idcatside=13&amp;galerie=4050_2">
                 <span class="">2</span></a> <a href="index.php?idcatside=13&amp;galerie=4050_3">
                 <span class="">3</span></a> <a href="index.php?idcatside=13&amp;galerie=4050_4">
                 <span class="">4</span></a>
             </div>
        
         <div id="notify_js">
                     <p><b>Hinweis</b></p>
                     <p>Sollte die Galerie nicht korrekt funktionieren, schau bitte nach, ob Du javascript ausgeschaltet hast oder Dein Browser javascript blockt.</p>
             </div>
                
             <!--END 4050//-->


QUELLTEXT
.thumbnail{
                             float: left;
                             width: 94px;
                             height: 94px;
                             margin: 5px;
                             padding: 9px;
                             border-bottom: 1px #CCCCCC solid;
                             border-right: 1px #CCCCCC solid;
                             background: transparent url(../images/gallery/thumb_bg.png);
                             text-align: center;
                         }


Da bringt aber nicht das gewünschte Ergebnis: Die Thumbnails rutschen unter die längste (rechte) Spalte und der Walker quetscht sich rechts oben neben die Thumbnails...

Der Effekt ist hier zu sehen!

Irgendwie blicke ich da noch nicht durch! Hat da noch jemand einen Hinweis für mich?

rolleyes.gif smile.gif Danke,
Ulrich.
andi
hallo ulrich
QUELLTEXT
<div class="walker">
</div>
<div style="clear: both;">
</div>
<div class="walker">


lösch das style="clear: both;" ersatzlos raus. dann gib der klasse «walker» ein overflow="hidden", damit der umgebende div die floatenden bilder umschliesst (für ie 6 ein height 1%--> has-layout).
dann funktioniert das ganze zumindest bei mir.


gruss andi

Uliwe
Danke, andi. Das hat mir schon mal weitergeholfen. Allerdings bleibt der untere Walker noch oben rechts neben der Bilderübersicht stehen. Der gehört eigentlich unter die Thumbnails! Hast Du dazu vielleicht noch einen Tipp für mich?



Gruß,
Ulrich.

PS: Noch ein paar "Browsershots":

Opera 9.27
MSIE 8.0
Safari 3.1.1
andi
gib .walker noch width: 100%
Uliwe
Hiermit wähle ich Dich einstimmig zu meinem persönlichen Helden des Tages! wink.gif Glückwunsch dazu und nochmals Danke für Deine schnelle und geduldige Hilfe! smile.gif

Ulrich.
andi
bitte. allerdings hatte ich mich noch verschrieben :-)

ZITAT
dann gib der klasse «walker» ein overflow="hidden", damit der umgebende div die floatenden bilder umschliesst (für ie 6 ein height 1%--> has-layout).

die klasse walker braucht das nicht, sondern das umgebende div um die bilder :-) dann brauchst du nämlich auch kein width: 100 für den walker :-)


gruss andi
toddy
HI,
ich nutze die beiden Dateien jquery_box.js und jquery.js zur Darstellung des Lightboxeffektes. Klappt auch bestens. Aber wo kann ich die Farbe des Hintergrunds und die durchlässiglkeit einstellen?
webmasterFF
Irgendwas mache ich falsch hab ich das Gefühl .....

Habe den Unterordner "layout" im cms Ordner angelegt und die Dateien entsprechend auf den Server geschoben. Danach die Schriptanweisung direkt ins Layout header kopiert und dann das Modul importiert ... Danach das Template angepasst ...

Aber irgendwie wird mir die Seite gar nicht anzeigt. Bedeutet: Wenn ich auf die Seite zum bearbeiten gehe, kommt: Seite kann nicht angeigt werden ....

Was mache ich denn falsch?

Dann fällt mir auf: Das Modul PicGallery lässt keine Editiermöglichkeiten zu ... ist das normal oder ist die Downloaddatei beschädigt o.ä.?
webmasterFF
Keiner ne Antwort?
gunwalt
ZITAT(webmasterFF @ Mon. 5. July 2010, 17:10) *
Irgendwas mache ich falsch hab ich das Gefühl .....
Habe den Unterordner "layout" im cms Ordner angelegt und die Dateien entsprechend auf den Server geschoben. Danach die Schriptanweisung direkt ins Layout header kopiert und dann das Modul importiert ... Danach das Template angepasst ...
Aber irgendwie wird mir die Seite gar nicht anzeigt. Bedeutet: Wenn ich auf die Seite zum bearbeiten gehe, kommt: Seite kann nicht angeigt werden ....
Was mache ich denn falsch?

Ich lese erst mal nichts ungewöhnliches

ZITAT(webmasterFF @ Mon. 5. July 2010, 17:10) *
Dann fällt mir auf: Das Modul PicGallery lässt keine Editiermöglichkeiten zu ... ist das normal oder ist die Downloaddatei beschädigt o.ä.?

Da könnte was dran sein. Du müsstest zumindestens einige Karteireiter haben.
webmasterFF
Nein, leider nichts dergleichen sad.gif
webmasterFF
Oh man Leute,

bitte helft mir mal - smail war so freundlich mir das Gallerysystem komplett zu mailen. Ich habe also alles erneut installiert aber es funzt einfach nicht .... *heul*

Das Problem: Das Gallrysystem arbeitet nicht - das macht Mucken und schaut so aus:



Ich kann dann demnach auch auf der Seite wenn ich das System ins Layout eingebunden habe, keinen Ordner auswählen usw. Irgendwas ist doch da faul.... Bitte bitte helft mir !!
feniweb
Versuche doch besser mal das Fotoalbum 1.3.4
Hier zum downloaden
Taturo
@webFF welches Galleriemodul hast du denn jetzt installiert, das Orginale oder das von smail modifizierte?
Läuft das Orginalmodul, wenn du es installierst?
webmasterFF
Hab von Smail das Paket genommen ...
Durch nen Tipp von Oberkiller habe ich folgende Änderung vorgenommen - jetzt läuft das Modul zwar tadellos, aber die Lightbox arbeitet nicht ...

Der Tipp von Oberkiller für alle:

ZITAT Oberkiller
schau doch mal ob in der mod config "<?PHP" am anfang steht.
manche module eröffnen nur mit "<?", damit gibt es bei speziellen servereinstellungen probleme. dadurch hatte ich schon mal ähnliche probleme.


Wie gesagt, jetzt läuft das Modul zwar, aber die Loghtbox arbeitet nicht - Fehlermeldung im Browser:

Details zum Fehler auf der Webseite

Benutzer-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Zeitstempel: Wed, 11 Aug 2010 13:09:24 UTC


Meldung: 'Builder' ist undefiniertZeile: 132
Zeichen: 3
Code: 0
URI: http://www.feuerwehr-lauschied.de/cms/layo.../js/lightbox.js


Meldung: Objekt erwartet
Zeile: 1
Zeichen: 1
Code: 0
URI: http://www.feuerwehr-lauschied.de/index.php?idcat=49

Kann mir jemand sagen was da jetzt los ist ??? Bin verzweifelt, hab alles nach Smails Anleitung gemacht *heul*
gunwalt
ZITAT(webmasterFF @ Wed. 11. August 2010, 15:10) *
Hab von Smail das Paket genommen ...
Durch nen Tipp von Oberkiller habe ich folgende Änderung vorgenommen - jetzt läuft das Modul zwar tadellos, aber die Lightbox arbeitet nicht ...


Ich glaube daran liegt es nicht wirklich...
Wenn du mit der Maus über die Thumbs fährst, taucht schon ein falscher Link auf.
QUELLTEXT
<a href="java script:new_imagepopup('http://www.feuerwehr-lauschied.de/media/img/feuerloescher/1.1.jpg','','','','323','189','true')">
    <img src="http://www.feuerwehr-lauschied.de/media/img/feuerloescher/1.1_cms_thumb.jpg"  border="0" alt="1.1.jpg" />

Es muss aber heissen
QUELLTEXT
<a href="http://www.feuerwehr-lauschied.de/media/img/feuerloescher/1.1.jpg" rel="lightbox[pics]" title="&lt;br /&gt;"><img src="www.feuerwehr-lauschied.de/media/img/feuerloescher/1.1.jpg" alt="" border="0" /></a>


Das Js dort ist schon total falsch
Da würde ich tippen, das du im Layout der einzewlnenm Tabellenzeilen etwas vergessen hast.
QUELLTEXT
<div class="thumbnail">
<a href="{path}{file}" rel="lightbox[pics]" title="{title}&lt;br /&gt;{description}"><img src="{path}{thumbfile}" alt="{filedesc}" border="0" /></a>
</div>


rel="lightbox[pics]" funktioniert auch mit der PictGallery 3.50, ohne das etwas umgestrickt werden muss.
webmasterFF
Ich kann doch da gar nichts vergessen oder sad.gif ?

Ich bin nach Smails Anleitung vorgegangen: Ordner auf Server erstellt, Datenpakete entsprechend hochgeladen, die beiden Abschnitte im head des Quelltextes eingefügt und das Modul hochgeladen ....

Habe an der JS gar nichts geändert unsure.gif

HILFE, warum muss das so kompliziert sein ????!!!! *heul*

Wer hat jetzt eine kompetente Lösung parat? Wie gesagt, hab alles axakt so gemacht wie smail es beschrieben hat !
gunwalt
Schick mir mal deine Zugangsdaten per PM. Dann schaue ich morgen mal rein.
oberbilker
oberkiller?
oberbilker... klingt zum glück auch harmloser :)
webmasterFF
Shit, och mann, jetzt hab ich mir die ganze sch... Arbeit gemacht und mein komplettes System neu angelegt, weil jemand sagte es können an ner falschen Installation liegen. Fazit: Das blöde Lightboxdingen funktioniert NICHT, hab nur Ärger damit komischerweise.

Ich könnte heulen, trotz der Hilfe von Smail, Grundwald und OberKilker, nix ..... Sch.... NERV !!!
webmasterFF
Hat denn niemand eine funktionierende Version bei sich am laufen Leute ?? HILFE *schnief*
webmasterFF
Niemand?
Taturo
Hallo,

ich kenne die Version von Smail nicht, aber eine Lightbox im Galleriemodul zu integrieren ist wirklich einfach und hier mehrfach besprochen. Nochmal die einzelnen Schritte:

1. gewünschtes Lightbox/Shadowbox Script runterladen, z.B. hier: http://planetozh.com/projects/lightbox-clones/

2. Scriptdateien auf den Server überspielen:
meist sind es mehrere Javascripts und eine Css Datei. Ich speicher diese immer zusammen in einen Ordner, dann brauche ich mir keine Gedanken um intern in den Scripten verlinkte Bilder, Unterscripte oder sonst was zu machen.
Also im cms Ordner einen Ordner lightbox erstellen und alle benötigten Scripte da rein kopieren

3. Scriptdateien im Layout einbinden:
die Dateien direkt im Layout in den head-Bereich einbinden, sieht dann etwa so aus:
<script type="text/javascript" src="cms/lightbox/lightbox.js"></script>
<link rel="stylesheet" href="cms/lightbox/lightbox.css" type="text/css" media="screen" />

(man kann die Links auch in einem Modul speichern und über einen Container im Headbereich bei Bedarf einfügen. Also unter Module > neues Modul die Links in die Frontendausgabe schreiben und das Modul dann im Template dem Container im Headbereich zuordnen)

4. Galeriemodul konfigurieren:
das ganz normale Galeriemodul installieren. In der Konfiguration ist nur das Template der einzelnen Tabellenelemente zu ändern sonst nix, und zwar
QUELLTEXT
<td align="center">
<span class="{font4}">{title}</span><br />
  <a href="java script:new_imagepopup('{path}{urlencode}{file}{/urlencode}','{title}','{description}','','{width}','{height}','true')">
    <img src="{path}{thumbfile}" {maximgsize} border="0" alt="{filedesc}" />
  </a><br/ >
  <span class="{font5}">{description}<br/ >
  Dateigrösse: {filesize}</span>
</td>


ersetzen durch
QUELLTEXT
<td>
<a href="{path}{file}" rel="lightbox[pics]" title="{title}">
<img src="{path}{thumbfile}" alt="{title}"/></a>
</td>


Jetzt noch bei den generellen Einstellungen die gewünschten Parameter setzten und das Teil läuft.

Gruss, Andreas
webmasterFF
Das ist ja top !
So was hab ich gesucht. Klasse - vielen DANK. Das wird vielen anderen sicher auch eine Hilfe sein. Hammermäßig, echt !

Dennoch, wir haben smails pakage jetzt ans laufen bekommen, irgendwie .... schlag mich tod was wir alles getan haben, aber es läuft jetzt.

Nun habe ich dennoch eine Frage: Obwohl ich in den Gallerieeinstellungen folgendes vorgenommen habe,

Bilder pro Seite: 10
Bilder pro Reihe: 2

... funktioniert nur die Einstellung "Bilder pro Seite". Bilder pro Reihe nimmt er mir nicht an, es werden dann diese 10 Bilder in einer Reihe untereinander dargestellt. Ist total hässlich so ...

Hat jemand ne Ahnung woran das liegen könnte ?
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2024 Invision Power Services, Inc.