.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ================= EXT: My Extension ================= :Created: 2010-03-24T11:41:25 :Changed: 2010-03-24T11:59:53 :Author: Author Name :Email: your@email.com :Info 3: :Info 4: |img-1| |img-2| EXT: My Extension .. _jQuery-FancyBox: jQuery FancyBox =============== Extension Key: jq\_fancybox Copyright 2000-2010, Aji Yahya, 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 FancyBox 1 <#1.jQuery%20FancyBox|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 FancyBox effect to Content Elements (Image). If Click-enlarge is selected,then will open the images in fancyBox. - Support for tt\_news, now it is working with tt\_news too. Based on http://www.fancybox.net .. _Screenshots: Screenshots ^^^^^^^^^^^ |img-3| .. _Users-manual: Users manual ------------ Import the extension (key: jq\_fancybox) 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 FancyBox (jq\_fancybox) |img-4| - Clear FE cache. - Now just select Click-enlarge in Elements. - Enjoy it :) .. _Configuration: Configuration ------------- You can do this Configurations in Template Constant Editor (PLUGIN.FANCYBOX): - padding: Padding or Border - speedIn: Speed in miliseconds of the zooming-in animation (no animation if 0) - speedOut: Speed in miliseconds of the zooming-out animation (no animation if 0) - changeSpeed: Speed of resizing when changing gallery items, in milliseconds - transitionIn: The transition type. Can be set to 'elastic', 'fade' or 'none' - titlePosition: The position of title. Can be set to 'outside', 'inside' or 'over' - titleShow: Toggle title - easingIn: Easing used for elastic animations - easingOut: Easing used for elastic animations - showCloseButton: Toggle close button - showNavArrows: Toggle navigation arrows 'true' or 'false'' - enableEscapeButton: Toggle if pressing Esc button closes FancyBox 'true' or 'false'' - overlayShow: overlayShow: If true, shows the overlay (true by default) - overlayOpacity: overlayOpacity: Opacity of overlay (from 0 to 1) - overlayColor: Color of the overlay - centerOnScroll: centerOnScroll: If true, content is centered when user scrolls page 'true' or 'false'' - hideOnContentClick: (only for Modal) Hides FancyBox when cliked on zoomed item 'true' or 'false'' - showHideTitle: Show/hide title on hover 'true' or 'false' - Domainname - IE PNG Fix, Microsoft Filter (Background-image) must be absolute path to the images. .. _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): 10.rendering.ul > 10.rendering.div > 10.renderMethod = div ]]> that is all. .. _Known-problems: Known problems -------------- If any Bug, please report me. .. _To-Do-list: To-Do list ---------- No todo .. _ChangeLog: ChangeLog --------- .. ### BEGIN~OF~TABLE ### .. _0-1-0: 0.1.0 ^^^^^ .. container:: table-row Version 0.1.0 Changes Initial version. .. _1-1-0: 1.1.0 ^^^^^ .. container:: table-row Version 1.1.0 Changes Initial version. .. _1-1-1: 1.1.1 ^^^^^ .. container:: table-row Version 1.1.1 Changes \- support for tt\_news, now it is working with tt\_news too \- IE condition added for pngFix file. I noticed that this conflicts with background-image in IE7 or higher. no-repeat will be ignored sometimes.(IE7) .. _1-3-1: 1.3.1 ^^^^^ .. container:: table-row Version 1.3.1 Changes \- Updated to Fancybox v.1.3.1, NEW: configuration and setting now with Constnts Editor .. ###### END~OF~TABLE ###### 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: 188 .. :id: graphics1 .. :name: graphics1 .. :width: 236 .. |img-4| image:: img-4.jpeg .. :align: left .. :border: 0 .. :height: 125 .. :id: Grafik3 .. :name: Grafik3 .. :width: 393