[Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox

Hilfe zu Modulen und Tags
Post Reply
AL-d82

[Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox

Post by AL-d82 »

Hallo,
ist es irgendwie möglich, dass wenn man ein Bild mit dem
TinyMCE einfügt dieses dann auf der Homepage so umgewandelt wird, dass es in der Lightbox Darstellung angezeigt wird?
http://www.lokeshdhakar.com/projects/lightbox2/

Mir ist bewusst, dass ich mit Gallery auch einzelne Bilder über {Gallery img=123} das jeweils an die entsprechende Stelle zu kopieren. Wenn das ganze automatisch ablaufen würde wäre es schon viel einfacher :-D

Deshalb meine Frage möglich oder nicht wenn ja mit viel Aufwand? Oder wird dies irgendwann mal in TinyMCE implementiert?

greez AL  ;)
uniqu3

Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox

Post by uniqu3 »

Keine Ahnung ob jemand eine bessere Methode gefunden hat aber ich war ebefalls auf der suche und meine Lösung sieht so aus.
In deinem Template wird jQuery und Fancybox eingebunden danach kommt die jQuery abfrage.

Code: Select all

{literal}
<__script__ type="text/javascript">
$(document).ready(function() { 
$('a[href] img').each(function() { //ab hier wird nach link und bilder tags abgefragt, ist die abfrage richtig wird weiter unten fancybox eingefügt
    var linkTarget = $(this).parent().attr("href");
    var imgSrc = $(this).attr("src");
    if(linkTarget.match(/\uploads\/images\/*.*/) && imgSrc.match(/\uploads\/images\/*.*/))
    {
        $(this).parent().fancybox({
            "overlayShow": true, //parameter der darstellung 
            "zoomSpeedIn": 300,
            "zoomSpeedOut": 300
        });
    }
});
}); 
</__script>
{/literal} 
Natürlich musst Du dafür zwei Bildversionen haben einmal klein und einmal groß die Du dann im WYSIWYG editor so einfügst.

Code: Select all

<a href="uploads/images/bildGROß.jpg"><img src="uploads/images/bildKLEIN.jpg" alt="irgendwas" />
AL-d82

Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox

Post by AL-d82 »

uniqu3 wrote: Keine Ahnung ob jemand eine bessere Methode gefunden hat aber ich war ebefalls auf der suche und meine Lösung sieht so aus.
In deinem Template wird jQuery und Fancybox eingebunden danach kommt die jQuery abfrage.

Code: Select all

{literal}
<__script__ type="text/javascript">
$(document).ready(function() { 
$('a[href] img').each(function() { //ab hier wird nach link und bilder tags abgefragt, ist die abfrage richtig wird weiter unten fancybox eingefügt
    var linkTarget = $(this).parent().attr("href");
    var imgSrc = $(this).attr("src");
    if(linkTarget.match(/\uploads\/images\/*.*/) && imgSrc.match(/\uploads\/images\/*.*/))
    {
        $(this).parent().fancybox({
            "overlayShow": true, //parameter der darstellung 
            "zoomSpeedIn": 300,
            "zoomSpeedOut": 300
        });
    }
});
}); 
</__script>
{/literal} 
Natürlich musst Du dafür zwei Bildversionen haben einmal klein und einmal groß die Du dann im WYSIWYG editor so einfügst.

Code: Select all

<a href="uploads/images/bildGROß.jpg"><img src="uploads/images/bildKLEIN.jpg" alt="irgendwas" />

Hi, danke für deine Antwort.  :D
So hab ich auch schon damit rumgespielt :-)
Das wäre schon ne halbautomatische Lösung.

Was halt mega wäre, wenn Tiny den Code und den Thumb:

Code: Select all

<a href="uploads/images/bildGROß.jpg"><img src="uploads/images/bildKLEIN.jpg" alt="irgendwas" />
gleich so einfügen / erstellen würde  :P

Ok also gibt es leider doch noch nicht die Möglichkeit das ganze "automatusch" zu benutzen.

Eigentlich müsste es nur die Möglichkeit geben, ein Bild aus der Gallery auszuwählen und dann wird das ganze auf z.B. {Gallery img=5596} umgewandelt. Dann müsste eher das Gallery-Modul erweitert werden, damit man sich das im Tiny einfügen kann.. Vielleicht kommt ja so was mal oder man schlägt es den Entwicklern des Moduls vor :-P

greez AL
Last edited by AL-d82 on Mon Nov 01, 2010 1:38 pm, edited 1 time in total.
cyberman

Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox

Post by cyberman »

AL-d82 wrote: Was halt mega wäre, wenn Tiny den Code und den Thumb:

Code: Select all

<a href="uploads/images/bildGROß.jpg"><img src="uploads/images/bildKLEIN.jpg" alt="irgendwas" />
gleich so einfügen / erstellen würde  :P
Dafür muss eher das Tiny-Plugin umgeschrieben werden ... hat mit CMSms primär nix zu tun.
Vielleicht kommt ja so was mal oder man schlägt es den Entwicklern des Moduls vor :-P
Tu dir keinen Zwang an ... das ganze nennt sich Feature Request  8) und kann hier

http://dev.cmsmadesimple.org/feature_request/list/726

platziert werden.

Jos ist immer an Verbesserungen interessiert.
wdberatung
Forum Members
Forum Members
Posts: 31
Joined: Wed Jun 30, 2010 3:02 pm

Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox

Post by wdberatung »

FCKEditor hat solche Möglichkeiten,

aber der wird für CMSMS ja nicht mehr weitergeführt.. was ein großer Fehler ist ;=)
AL-d82

Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox

Post by AL-d82 »

Hab mal nach FCKEditor in der Module ebene gesucht und folgendes gefunden.
image-effects
This is a quick and simple mod that allows you to use a lightbox effect for any image using the insert image button in FCKeditor. Works with or without the Album mod
So was braucht man nur noch für Tiny  :P
cyberman

Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox

Post by cyberman »

wdberatung wrote: FCKEditor hat solche Möglichkeiten,

aber der wird für CMSMS ja nicht mehr weitergeführt.. was ein großer Fehler ist ;=)
So schlecht ist der Tiny nun wirklich nicht, wenn sogar Facebook ihn verwendet

http://blog.moxiecode.com/2010/08/19/fa ... g-tinymce/

Zudem gibts da ein Fancybox-Plugin für den Tiny

http://sourceforge.net/tracker/?func=de ... tid=738747

Habs mir jedoch noch nicht näher angesehen ...
uniqu3

Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox

Post by uniqu3 »

Zudem gibts da ein Fancybox-Plugin für den Tiny

http://sourceforge.net/tracker/?func=de ... tid=738747

Habs mir jedoch noch nicht näher angesehen ...
Ist eigentlich für die boxen im backend gedacht ausser ich hab da was übersehen.
AL-d82

Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox

Post by AL-d82 »

Hab mir das mal runter geladen und bei modules\TinyMCE\tinymce\jscripts\tiny_mce\plugins
reinkopiert  dann kann man das auch bei Andere Plugins im Tiny auswählen aber wenn man das auswählt dann funktionier der Icon für das Bildeinfügen nicht mehr *g*

Muss man wahrscheinlich noch für CMSMS umwursteln
Post Reply

Return to “Module und Tags”