PicShow in Newsbox

Kontakt

ISEYE - Multimediacenter
Nordstr. 10

98597 Breitungen

Vertreten durch:
Ingo Sell & Sascha Schroeter

Bitte benutzen Sie das
Kontaktformular

 

 

Spenden-Knopf

Spendet für die Weiterentwicklung der Plugins.

Lightbox_XH

Ist ein einfaches Plugin, um schnell Eure Bilder in einer Lightbox an zu zeigen  - Ähnlich wie Fancybox

Lightbox kann fast alle Formate abspielen!
jpg, png, real, html, wmv, mov, mp3, mp4, flv, f4v, swf

Der Code sieht ungefähr so aus:

<a class="zoombox" title="Test" href="./userfiles/images/b3.jpg">
  <img src="./userfiles/images/b3.jpg" alt="" width="440" height="320">
</a>

Gebt Ihr ein title an so wird dieser in der Lightbox angezeigt

 

TIPP:

Damit ihr im tinymce4 auch die class auf den Link auswählen könnt, solltet Ihr, in der init Euren tinymce4, folgende Zeile unter plugins: oder external_plugins: hinzufügen:

style_formats: [{title: 'Special Classes',items: [{title: 'Lighbox', selector: 'a', 'classes': 'zoombox'}]}],

Dann könnt Ihr das ganz schnell auswählen. (s. Screenshot)

Das abwählen der class erfolgt auf der selben Art und Weise

Alternativ könnte man auch

link_class_list: [
   {title: "Keine", value: ""},
   {title: "fancybox", value: "zoom"},
   {title: "fancybox-g", value: "zoom_g"},
   {title: "fancybox-i", value: "zoom_i"},
   {title: "Lightbox", value: "zoombox"}
]

am Ende in der init einfügen. Dann habt ihr im tinymce4 die class - Auswahl direkt im Link

 

Automatisches Hinzufügen

In Admin kann man festlegen, welche Klassen zu den Bildern gehören.

K0onfiguration der Ligthbox

Automatisch bestimmter Classen oder ID Elementen der Bilder der Ligthbox hinzufügen!
Um mehrere Klassen (class oder id)  hinzu zu fügen, müssen sie nur mit  senkrechten geraden Strich (Pipe) "|" die classen/id trennen.
z.Bsp.:  .pt-page p img|#header div img|.news img
Damit sparen Sie sich die Link Erstellung.

Wollen sie links zu den original Bildern automatisch erkennen lassen, so fügen sie vor den Dateinamen die Variable (z.Bsp. org_) dazu. Die Lightbox zeigt Ihnen dann automatisch das org_Bild.jpg an. Das normale Bild (Bild.jpg) wäre dann das Thumbnail. Ansonsten wird nur das eingefügte Bild vergrößert.

Sollte es mal in einem Plugin nicht funktionieren, muss die Lightbox refresht werden:

$(".zoombox").lightBox();

- das wars auch schon. -

Download

PicShow in Newsbox

Kontakt

ISEYE - Multimediacenter
Nordstr. 10

98597 Breitungen

Vertreten durch:
Ingo Sell & Sascha Schroeter

Bitte benutzen Sie das
Kontaktformular

 

 

Spenden-Knopf

Spendet für die Weiterentwicklung der Plugins.