Printable View
Hi all, sorry if this is a silly question:
I would like to add this javascript gallery in one of my articles:
http://finnrudolph.de/ImageFlow/
What would be the best way to go about this in Contao?
I thought about using an iframe, is this a good way to do this?
Thank you
Nope, it might work but a better solution is to use the default Contao gallery. You must have it use a custom template that you write. The rest is done using javascript. So if the html you create contains the correct elements and a way to attach the javascript (classnames/id), you are half way done. Then just insert the javascript code.
edit: or install the extension or course.
Hi partisanentity,
Just install the corresponding extension: http://www.contao.org/extension-list/vi ... ow.en.html ;)Quote:
Originally Posted by partisanentity
Oh man, perfect, thanks so much :)Quote:
Originally Posted by xchs
Okay a new question.
Can I have this gallery opened inside a lightbox?
I do not think so.Quote:
Originally Posted by partisanentity
However, you could use this extension to open a standard Contao gallery in a lightbox overlay. Just select the corresponding content element provided by the mentioned extension.
Ok, final question:
As far as I can tell, lightbox is installed in Contao by default (at least its installed in my installation).
How do I open an image in a lightbox? Do I need a special tag? Or where do I click/activate the setting to have a specific image opened in lightbox?
"Lightbox" is a general term for a JavaScript overlay image presentation technique. With Contao you get two Lightbox variants, i.e. "Slimbox" and the more sophisticated "Mediabox" (Advanced).Quote:
Originally Posted by partisanentity
You need to specify the corresponding rel-attribute in the image tag. That said, you have to provide an attribute rel="lightbox" or rel="lightbox[foo]" or rel="lightbox[bar 640 480]" and so on.Quote:
Originally Posted by partisanentity
When you add a content element of type "Text" and you want to add also a picture with a lightbox effect, just select the option "Full-size view/new window". On the other side, if you are more familar with the RTE TinyMCE you can add the lightbox image right there, too. Just select the button "Insert/edit thumbnail image".
and make sure the appropriate MooTools templates (moo_mediabox) is checked in your page layout, so the javascript need is included.