Loading...
 
Skip to main content

History: Shadowbox

Source of version: 21 (current)

Copy to clipboard
            ! Shadowbox
{REMARKSBOX(type="warning" title="outdated" close=n)}This feature was available beginning with version 2.0. It has been replaced by ((ColorBox)) in tw >=4.0 due to licensing issues. This page is here for archives and history, you should not use Shadowbox.{REMARKSBOX}

Shadowbox feature allows adding fancy effects on ((image galleries)), ((Wiki-Syntax Images|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 Gallery))
* Wiki syntax for links (see ''wiki help'' while editing a wiki page)
+ {CODE()}
[http://tikiwiki.org|tw.o in Shadowbox|shadowbox|nocache]
{CODE}
* Wiki syntax for wiki uploaded images
+ {CODE()}
{img src='http://doc.tiki.org/img/wiki_up/ImgGal-ADMIN-01.png' rel='shadowbox[gallery]' title='Admin Panel Screenshot'}
{CODE}
* Wiki syntax for images from a File Gallery [[Upcoming Tiki 3.0+]
+ {CODE()}
{img src=tiki-download_file.php?fileId=42&display&scale=.3 link=/tiki/tiki-download_file.php?fileId=42&display&.jpg rel=shadowbox}
{CODE} ''(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 {CODE()}
{img src=tiki-download_file.php?fileId=42&display&scale=.3 link=/tiki/tiki-download_file.php?fileId=42&display rel=shadowbox;type=img}
{CODE} ''(here the ";type=image" shadowbox parameter does the trick)''
+ or {CODE()}
[tiki-print.php?page=Shadowbox|See this page in a popup|shadowbox]
{CODE}
[tiki-print.php?page=Shadowbox|See this page in a popup|shadowbox]
---
This is an example:

^::{img src="img/wiki_up/shadowbox_01.png" } ::^

See: [Image+Gallery+Config#_Shadowbox|Image Gallery Config] for more information.

-=Related=-
* ((Mootools))