[TYPO3-core] RFC #15689: Feature: Allow easy use of lightbox style image enlargement in the frontend

[Susanne Moog]

Hey,

This is an SVN patch request.

Type:
Feature

Bugtracker references:
http://bugs.typo3.org/view.php?id=15689

Branches:
trunk

Problem:
As discussed on the core team meeting at the moment the click-enlarge
feature for images is implemented as good ol' popup window and without
deeper knowledge of css styled contents workings it is pretty hard to
change this to a lightbox style image enlargement.

Solution:
This patch implements an easier way by offering three new constants:
Lightbox click-enlarge rendering -> Whether or not lightbox rendering is
enabled
Lightbox CSS class -> the CSS class to use in the image link
Lightbox rel="" attribute -> the rel="" attribute to use

This enables the user to get lightbox compliant rendering by changing
these constants for the following lightbox scripts:
CeeBox, ColorBox, Facebox, Lightbox, Lightbox+, Lightbox2, Lighter Box
2, LightWindow 2, Lytebox, mediaboxadvanced, Milkbox, nyroModal,
Pirobox, PrettyPhoto, Slightly ThickerBox, Slimbox2, Thickbox, TopUp

(I did only test CeeBox, Colorbox, Lightbox2, nyroModal and Thickbox,
but from the documentation the others should work as well)

Documentation for the new properties is attached. Documentation changes
for css styled content will be directly committed with this patch.

Notes / How to test:
Set "Lightbox click-enlarge rendering", "Lightbox CSS class" and
"Lightbox rel="" attribute" in the Constant Editor (default CSS class
and rel="" attribute match for use of the original Lightbox).

Add Lightbox CSS and JS to your page, for example use this TS:
page = PAGE
page.includeJS {
  file1 = fileadmin/template/lightbox2/js/prototype.js
  file2 = fileadmin/template/lightbox2/js/scriptaculous.js
  file3 = fileadmin/template/lightbox2/js/lightbox.js
}
page.includeCSS {
  file1 = fileadmin/template/lightbox2/css/lightbox.css
}
page.10 < styles.content.get​


Best regards,

Susanne
-------------- next part --------------
An embedded and charset-unspecified text was scrubbed...
Name: 15689_documentation_v1.txt
URL: <http://lists.typo3.org/pipermail/typo3-team-core/attachments/20100912/0f414646/attachment.txt>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 15689_v1.diff
Type: text/x-patch
Size: 5902 bytes
Desc: not available
URL: <http://lists.typo3.org/pipermail/typo3-team-core/attachments/20100912/0f414646/attachment.bin>