.. You may want to use the usual include line. Uncomment and adjust the path. 
.. include:: ../Includes.txt


=================
EXT: My Extension
=================

:Author:
      Kasper Skårhøj

:Created:
      2002-11-01T00:32:00

:Changed by:
      Aji Yahya

:Changed:
      2008-09-19T09:48:12

:Author:
      Author Name

:Email:
      your@email.com

:Info 3:


:Info 4:


|img-1| |img-2| EXT: My Extension


.. _jQuery-lightBox:

jQuery lightBox
===============

Extension Key: jq\_lightbox

Copyright 2000-2008, Aji Yahya, <aji.yahya@gmail.com>

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.org

.. _Table-of-Contents:

Table of Contents
-----------------

`jQuery lightBox 1 <#1.jQuery%20lightBox|outline>`_

**`Introduction 3 <#1.1.Introduction|outline>`_**

`What does it do? 3 <#1.1.1.What%20does%20it%20do_|outline>`_

`Screenshots 3 <#1.1.2.Screenshots|outline>`_

**`Users manual 4 <#1.2.Users%20manual|outline>`_**

**`Configuration 5 <#1.3.Configuration|outline>`_**

**`TemplaVoilà ( FCE )Configuration 6
<#1.4.TemplaVoil%C3%A0%20(%20FCE%20)Configuration|outline>`_**

**`Known problems 7 <#1.5.Known%20problems|outline>`_**

**`To-Do list 8 <#1.6.To-Do%20list|outline>`_**

**`ChangeLog 9 <#1.7.ChangeLog|outline>`_**


.. _Introduction:

Introduction
------------


.. _What-does-it-do:

What does it do?
^^^^^^^^^^^^^^^^

- Add the lightbox effect to Content Elements (Image). If Click-enlarge
  is selected,then will open the images in lightBox.
  
  Based on lightBox Plugin
  `http://leandrovieira.com/projects/jquery/lightbox/
  <http://leandrovieira.com/projects/jquery/lightbox/>`_

- Multiple Language support for the lightBox. New languages can be added
  to the locallang.xml file.


.. _Screenshots:

Screenshots
^^^^^^^^^^^

|img-3|


.. _Users-manual:

Users manual
------------

Import the extension (key: jq\_lightbox) from the TYPO3 Online
Repository (TER) and install it using the Extension Manager in the
Backend of your TYPO3 installation.

Include static (from extensions) : jQuery lightBox (jq\_lightbox)

|img-4|

- Clear FE cache.

- Now just select Click-enlarge in Elements

- Enjoy it


.. _Configuration:

Configuration
-------------

You can do this Configurations in Template Constants:

plugin.tx\_jqfancybox {

navbarOnTop = 0

overlayOpacity = 0.4

resizeSpeed = 300

}

- navbarOnTop: show the Navbar on the Top (default is 0).

- OverlayOpacity: opacity of the Overlay container.

- resizeSpeed:The duration of resize effect in the container image box.
  300 is default.


.. _TemplaVoil-FCE-Configuration:

TemplaVoilà ( FCE )Configuration
--------------------------------

- If you think that you want the FancyBox effect in the Flexible Content
  Elements (FCE) too, then it is very easy to include the Ext manually
  to it. Just make your FCE and make 2 Fields :  **field\_images** &
  **field\_caption**

- now you have to add some TS to your FCE (field\_images):

<![CDATA[

10 = IMGTEXT

10 < tt\_content.textpic.20

10.stdWrap.dataWrap = \|

10 {

imgList.field = field\_images

imgPath = uploads/tx\_templavoila/

imgObjNum = 1

1 {

file.import.current = 1

file.width.field = imagewidth

stdWrap.typolink.parameter.current = 1

stdWrap.typolink.parameter.data = TSFE:lastImageInfo\|origFile

stdWrap.typolink.title.field = field\_caption

stdWrap.typolink.title.split.token.char = 10

stdWrap.typolink.title.split.returnKey.data = register :
IMAGE\_NUM\_CURRENT

stdWrap.typolink.ATagParams.data =
register:tx\_templavoila\_pi1.parentRec.uid

stdWrap.typolink.ATagParams.wrap = rel="lightbox[{field:uid}]"
class="lightbox"

\# Max Width of Thumbnails.

maxW = 135

}

10.rendering.dl >

10.rendering.ul >

10.rendering.div >

10.renderMethod = div

]]>

that is all.


.. _Known-problems:

Known problems
--------------

Please report Bugs if any found.


.. _To-Do-list:

To-Do list
----------

Adding the lightBox to tt\_news Single Display..


.. _ChangeLog:

ChangeLog
---------

This is first release of the Ext.

9


.. ######CUTTER_MARK_IMAGES######

.. |img-1| image:: img-1.png
.. :align: left

.. |img-2| image:: img-2.png
.. :border: 0
.. :height: 23
.. :id: Grafik2
.. :name: Grafik2
.. :width: 86

.. |img-3| image:: img-3.jpeg
.. :align: left
.. :border: 0
.. :height: 199
.. :id: Grafik1
.. :name: Grafik1
.. :width: 298

.. |img-4| image:: img-4.jpeg
.. :align: left
.. :border: 0
.. :height: 126
.. :id: Grafik3
.. :name: Grafik3
.. :width: 395