Page 1 of 1
[Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox
Posted: Sun Oct 31, 2010 9:04 pm
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
Deshalb meine Frage möglich oder nicht wenn ja mit viel Aufwand? Oder wird dies irgendwann mal in TinyMCE implementiert?
greez AL
Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox
Posted: Sun Oct 31, 2010 9:16 pm
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" />
Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox
Posted: Mon Nov 01, 2010 7:09 am
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.
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
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
greez AL
Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox
Posted: Mon Nov 01, 2010 11:13 am
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
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
Tu dir keinen Zwang an ... das ganze nennt sich Feature Request
und kann hier
http://dev.cmsmadesimple.org/feature_request/list/726
platziert werden.
Jos ist immer an Verbesserungen interessiert.
Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox
Posted: Mon Nov 01, 2010 12:57 pm
by wdberatung
FCKEditor hat solche Möglichkeiten,
aber der wird für CMSMS ja nicht mehr weitergeführt.. was ein großer Fehler ist ;=)
Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox
Posted: Mon Nov 01, 2010 7:34 pm
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
Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox
Posted: Tue Nov 02, 2010 11:30 am
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 ...
Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox
Posted: Tue Nov 02, 2010 11:51 am
by uniqu3
Ist eigentlich für die boxen im backend gedacht ausser ich hab da was übersehen.
Re: [Frage] Automatische Umwandlung aller eingefügten Bilder in Lightbox
Posted: Thu Nov 04, 2010 5:36 pm
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