Bootstrap-Galerie, Eine ganz spezielle Galerie für Bastler Einstellungen

[Tiggr]

Hiho!

Ich hab ja schon mal gesagt, ich hab mir eine etwas andere Galerie gebastelt. Hier mal ein paar Worte dazu.

Das ganze Ding setzt voraus, dass Bootstrap verwendet wird. Sonst klappt garnichts. Dazu kommt dann von da http://www.iekadou.com/ zwei JQuery-Plugins. Und zwar jquery-justifygallery, das die Thumbnails anordnet und formatiert, und eine gehackte Version von bootstrap-gallery. Diese habe ich so gehackt, dass sie auch Bildunterschriften und Beschreibungen darstellen kann.

Um die Größe der Bildunterschrift zu bestimmen, brauche ich dann noch jquery.actual.js von da: http://dreamerslab.com/blog/en/get-hidden-...ht-with-jquery/.

Das Modul selbst erklärt sich fast von alleine. Viel kann man nicht einstellen. Es werden einfach 2 Verzeichnisse gewählt, eines für die Thumbnails (ich erstelle die von Hand um mehr Einfluss auf die Thumbs zu haben). Thumbnails und Bilder müssen identische Dateinamen haben!

Um es zu nutzen, müssen aber die 3 oben genannten Scripte geladen werden! Und natürlich auch ausgeführt...

QUELLTEXT

<script type="text/javascript" src="/includes/js/jquery.actual.min.js"></script>
<script type="text/javascript" src="/includes/js/jquery.justifyGallery.min.js"></script>
<script type="text/javascript" src="/includes/js/bootstrap-gallery.min.js"></script>
<script>  
    $( document ).ready(function() {
        $('.gallery').justifyGallery({});
        $('.gallery').bootstrapGallery({});
    });
</script>

Title und Beschreibung der Bilder holt sich das System aus dem Titel und der Beschreibung im Dateimanager.

Ich häng auch mal 2 Screenshots an, wie das bei mir aussieht!

Macht damit, was ihr wollt, für mich scheint es zu funktionieren. Aber ist noch nicht viel getestet! Bin gerade erst fertig geworden! Und ein paar Dinge sind so, wie sind, weil ich es nicht besser hin bekommen habe!

Wozu ich mir noch was einfallen lassen muss, sind mehrsprachige Galerien!

Tschüss
Tiggr (aka Marcus)

Angehängte Datei(en)

 Basisgallerie.cmsmod ( 4.16KB ) Anzahl der Downloads: 3
 bootstrap_gallery_hacked.zip ( 3.8KB ) Anzahl der Downloads: 3
 Bildschirmfoto_vom_2014_06_11_00_16_40.png ( 752.33KB ) Anzahl der Downloads: 33
 Bildschirmfoto_vom_2014_06_11_00_16_54.png ( 845.43KB ) Anzahl der Downloads: 26