This page (revision-1) was last changed on 29-Nov-2024 16:16 by UnknownAuthor

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Page revision history

Version Date Modified Size Author Changes ... Change note

Page References

Incoming links Outgoing links
Slimbox
Slimbox

Version management

Difference between version and

At line 1 added 48 lines
!!!Slimbox
The attachment viewer has been replaced by the amazing Slimbox.
It allows to preview images as an overlay on the current page.
As a bonus, Slimbox is also available as a [JSPWikiStyle] to beef up your wiki pages with this cool attachment viewer.
Slimbox is based on some great javascript by Christophe Bleys, with some updates to fit with JSPWiki.
[Slimbox|http://www.digitalia.be/software/slimbox] is a visual clone of the popular
[Lightbox JS v2.0|http://www.huddletogether.com/projects/lightbox2] by Lokesh Dhakar.
Check out these links to get an idea of the amazing viewer effects of slimbox and lightbox.
\\
\\
Slimbox is available in JSPWiki from v2.5.xx onwards.
\\
--[DF|DirkFrederickx], April 2007! Usage:
Put the %~%slimbox [JSPWikiStyle] around a set of image links. Each viewable image will get a clickable %%(font-size:1.4em; font-weight:bold; color:blue;)»/% marker in front. Click it to enter the slimbox viewer.
Navigate through the gallery with the arrow keys. Exit the viewer by {{Esc}}, the close button or clicking outside the image panel.
{{{
%%slimbox
|[tomato.jpg] |[Tomatoes are red vegetables|tomato.jpg]
|[doggy.bmp] |[Cows are animals too|cow.jpg]
%%
}}}
Reality check:\\
%%slimbox
|[tomato.jpg] |[Tomatoes are red vegetables|tomato.jpg]
|[doggy.bmp] |[Cows are animals too|cow.jpg]
%%
!! Questions
Is there a way to force the ''entire'' link text to open the slimbox, rather than __just__ the %%(font-size:1.4em; font-weight:bold; color:blue;)»/% button to the left of the link (something like a thumbnail pop-up)?\\
The best workaround we've found is:
{{{
%%slimbox
|[|tomato.jpg]|[{Image src='tomato.jpg' width=50}]
%%
}}}
that ends up looking like:
%%slimbox
|[|tomato.jpg]|[{Image src='tomato.jpg' width=50}]
%%
''Thanks!''
--Chris.Ragazzi, 10-Jun-2008
;: This is currently not possible. Do you want a thumbnail feature or a different representation of the ''slimbox'' links? I'd suggest you log this as an improvement request on [jira|http://issues.apache.org/jira/browse/JSPWiki] -- [DF|DirkFrederickx]
This page (revision-1) was last changed on 29-Nov-2024 16:16 by UnknownAuthorTop