Fullscreen
[Show/Hide Right Column]

Shadowbox


This feature is available beginning with version 2.0. It has been replaced by ColorBox in tw >=4.0 due to licensing issues


Shadowbox feature allows adding fancy effects on image galleries, images, modules and content once enabled. It requires mootools or jquery enabled also in Admin > Features in order to work.


Requirements

Shadowbox 1.0 is third party LGPL-ed JS library which adds eye candy for displaying images and other documents including multimedia (Please note that Shadowbox 2.0 is not used, because of author's change to incompatible license).
It can be enabled on Admin → Features and requires any JS framework of your choice (it has adapters for jQuery, Mootools, Prototype, ExtJS, etc...).
We recommend Mootools which is already included in Tiki. To make Shadowbox work out of the box just be sure Mootools are enabled as well.

Tiki 2.0+ only
In case you are using custom tiki.tpl or header.tpl files from previous 1.9 theme styles, you'll need to upgrade your customized files from the default ones for Tiki 2.0+.

See http://mjijackson.com/shadowbox/ for more info about Shadowbox.

Usage

Currently Tiki supports Shadowbox in:
  • Image Galleries
  • File Galleries
  • Wiki syntax for links (see wiki help while editing a wiki page)
    [http://tikiwiki.org|tw.o in Shadowbox|shadowbox|nocache]
  • Wiki syntax for wiki uploaded images
    {img src='http://doc.tikiwiki.org/img/wiki_up/ImgGal-ADMIN-01.png' rel='shadowbox[gallery]' title='Admin Panel Screenshot'}
  • Wiki syntax for images from a File Gallery [Upcoming Tiki 3.0+]
    {img src=tiki-download_file.php?fileId=42&display&scale=.3 link=/tiki/tiki-download_file.php?fileId=42&display&.jpg rel=shadowbox}
    (notice the &.jpg on the end of the link URL - it tricks Shadowbox into displaying it as an image, not an iframe which is the default for PHP URLs)
    or
    {img src=tiki-download_file.php?fileId=42&display&scale=.3 link=/tiki/tiki-download_file.php?fileId=42&display rel=shadowbox;type=img}
    (here the ";type=image" shadowbox parameter does the trick)
    or
    [tiki-print.php?page=Shadowbox|See this page in a popup|shadowbox]
See this page in a popup

( For the wiki syntax Shadowbox demo see http://zukakakina.com/tiki-index.php?page=Shadowbox_gallery )

This is an example:

Image


See: Image Gallery Config for more information.

Related


Contributors to this page: Jean-Marc Libs3172 points  , sylvie7387 points  , lindon132 points  , luciash d' being2160 points  , Jonny Bradley1251 points  , mlpvolt4388 points  and xavi67871 points  .
Page last modified on Sunday 20 May, 2012 13:42:26 UTC by Jean-Marc Libs3172 points .
The content on this page is licensed under the terms of the Creative Commons Attribution-ShareAlike License.

Site Language

Reference Guide

Keywords

These keywords serve as "hubs" for navigation within the Tiki documentation. They correspond to development keywords (bug reports and feature requests):



Tiki Newsletter

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other news!
Contribute to Tiki