.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ============================ EXT: FancyZoom Image Gallery ============================ :Author: Kasper Skårhøj :Created: 2002-11-01T00:32:00 :Changed: 2008-02-29T13:04:23 :Author: !frappant webfactory, Manuel Reinhard :Email: info@frappant.ch :Info 3: :Info 4: .. _EXT-FancyZoom-Image-Gallery: EXT: FancyZoom Image Gallery ============================ Extension Key: **frp\_fancyzoom** Copyright 2008-2008, !frappant webfactory, Manuel Reinhard, 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: Table of Contents ----------------- **EXT: FancyZoom Image Gallery 1** **Introduction 1** What does it do? 1 Screenshots 2 **Users manual 2** **Adminstration 3** **Configuration 3** **Known problems 3** **To-Do list 3** **Changelog 3** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ This extension creates image galleries with a very nice and smooth zooming effect. The extension is based on FancyZoom – a nice JavaScript based image zooming effect which can be found on `http://www.cabel.name/2008/02/fancyzoom-10.html `_ As author of this extension I am not connected to the author of FancyZoom in any way. Depending on your project **please clarify with the author of FancyZoom whether you need to buy a licence before using this extension.** .. _Screenshots: Screenshots ^^^^^^^^^^^ |img-1| *Screen 1:* The gallery is displayed. You can click on any image. *Screen 2:* The image smoothly fades in. *Screen 3:* The image is displayed along with a caption (if provided) .. _Users-manual: Users manual ------------ To add a FancyZoom image gallery to your website, do the following: - Create a new SysFolder - Inside this SysFolder create a new record of the table «FancyZoom Galleries» - You will get a view similar to this: |img-2| Insert the title and description of your gallery. Then click on «Create new»and add as many images as you want. For each image you can add a caption if you want. Once your done, go to a page an add a new Content Element of the type «Plugin». Choose the plugin «FancyZoom Gallery» and choose the gallery you want to display. That's it! .. _Adminstration: Adminstration ------------- Nothing else... .. _Configuration: Configuration ------------- To make the extension work you need to include some static TypoScript code: - go to your template - go to «Include static (from extensions)» and activate the frp\_fancyzoom item. - You're all set now! If you want to change the size of the images displayed in the gallery, you can add the following code to the setup of your template: :: plugin.tx_frpfancyzoom_pi1.maxbreite_gross = 500; plugin.tx_frpfancyzoom_pi1.maxhoehe_gross = 500; plugin.tx_frpfancyzoom_pi1.maxbreite_thumb = 120; plugin.tx_frpfancyzoom_pi1.maxhoehe_thumb = 80; These four lines define the maximum size of your images as thumbnails and in full display size. .. _Known-problems: Known problems -------------- None so far. If you run in any troubles, please let us know! .. _To-Do-list: To-Do list ---------- The title and description of a gallery are not displayed in the frontend yet. .. _Changelog: Changelog --------- see readme.txt |img-3| EXT: FancyZoom Image Gallery - 3 .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.jpeg .. :align: left .. :border: 0 .. :height: 334 .. :id: Grafik1 .. :name: Grafik1 .. :width: 669 .. |img-2| image:: img-2.png .. :align: left .. :border: 0 .. :height: 274 .. :id: Grafik2 .. :name: Grafik2 .. :width: 330 .. |img-3| image:: img-3.png .. :align: left .. :border: 0 .. :height: 32 .. :id: Graphic1 .. :name: Graphic1 .. :width: 102