DEPRECATION WARNING
This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.
wt_lightwindow¶
Author: | Kasper Skårhøj |
---|---|
Created: | 2002-11-01T00:32:00 |
Changed: | 2009-04-13T12:38:40 |
Author: | Alex Kellner |
Email: | Alexander.Kellner@einpraegsam.net |
Info 3: | |
Info 4: |
wt_lightwindow¶
Extension Key: wt_lightwindow
Copyright 2005-2009,
Alex Kellner,
<Alexander.Kellner@einpraegsam.net>
This document is published under the Open Content License
available from http://www.opencontent.org/opl.shtml
The content of this document is related to TYPO3
- a GNU/GPL CMS/Framework available from www.typo3.com
Table of Contents¶
wt_lightwindow 1
Introduction 2
What does it do? 2
Example use 2
Used JS library 2
Screenshots 3
How to use 4
Step by step: 4
Typoscript 5
Integration examples 6
List 6
Examples 6
FAQ 7
It won't work 7
Todos 8
Changelog 9
Additional links 10
Introduction¶
What does it do?¶
wt_lightwindow brings the javascript framework lightwindow to your TYPO3 installation:
Like moodalbox but a little bit better, because you can open content in the lightbox and the lightbox will not close even if you click a link in it!
All information to lightwindow: http://www.stickmanlabs.com/lightwindow/
Example use¶
- Open a powermail form in the lightbox and lightbox could be open even if the form was submitted
- Show tt_content in lightbox
- Show movies in the lightbox
Used JS library¶
prototype is used for lightwindow
Screenshots¶
Lightbox with extern content (using links in the window will not close it!)
How to use¶
Step by step:¶
- Import and install this extension from TER
- Add static template
- To use lightwindow you have to add only a CSS class to your links:
class="lightwindow"
That's it
Typoscript¶
If you add the static template of wt_lightwindow, this typoscript lines will be used:
page.includeCSS.file3140 = EXT:wt_lightwindow/files/css/lightwindow.css
page.headerData.3141 = TEXT
page.headerData.3141.value (
<script type="text/javascript" src="typo3/contrib/prototype/prototype.js"></script>
<script type="text/javascript" src="typo3/contrib/scriptaculous/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="typo3conf/ext/wt_lightwindow/files/js/lightwindow.js"></script>
)
Integration examples¶
List¶
You can use such contents in your lightbox:
- Quicktime, SWF movies
- Youtube videos
- Intern content
- Extern content
- Iframes
- Images
- And so much more...
See http://www.stickmanlabs.com/lightwindow/ for integration examples
Examples¶
- Simple example:<a href="index.php?id=4" class="lightwindow">openMe</a>
- Open page and page should be open even if a link was clicked:<a href="http://www.yourdomain.org/index.php?id=4" class="lightwindow" pa rams="lightwindow_type=external,lightwindow_width=750,lightwindow_h eight=450,lightwindow_show_images=2">openMe</a>
FAQ¶
It won't work¶
- Check if all needed JS/CSS files are loaded in the HTML header:<link rel="stylesheet" type="text/css" href="typo3conf/ext/wt_lightwindow/files/css/lightwindow.css" /><script type="text/javascript" src="typo3/contrib/prototype/prototype.js"></script><script type="text/javascript" src="typo3/contrib/scriptaculous/scriptaculous. js?load=effects"></script><script type="text/javascript" src="typo3conf/ext/wt_lightwindow/files/js/lightwindow.js"></script>
- Ensure that you don't use mootools and prototype library on the same page
Todos¶
Do you need a new feature? Maybe we can help you, so just write us!
Changelog¶
Additional links¶
You can use one of the following links, to get more informations about this plugin:
- Authors (Alex Kellner) homepage: http://www.einpraegsam.net
- Tuning parts for your car: http://www.wunschtacho.de
- Stuff for snowboarder and skier: http://www.justpowder.de
Do you need help with this plugin: http://www.typo3.net
wt_lightwindow - 10