.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ====================== EXT: 360 degrees shots ====================== :Created: 2010-02-18T17:33:18 :Changed by: Jürgen Furrer :Changed: 2014-03-16T23:58:28 :Classification: jf360shots :Keywords: jQuery, Reel, 360 degrees, images, javascript :Author: Juergen Furrer :Email: juergen.furrer@gmail.com :Info 4: :Language: en |img-1| |img-2| EXT: 360 degrees shots - jf360shots .. _EXT-360-degrees-shots: EXT: 360 degrees shots ====================== Extension Key: jf360shots Language: en Keywords: jQuery, Reel, 360 degrees, images, javascript Copyright 2000-2010, Juergen Furrer, jQuery Reel © 2009-2011 Petr Vostrel `http://petr.vostrel.cz/ `_ 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 ----------------- `EXT: 360 degrees shots 1 <#__RefHeading__7411_1483051107>`_ **`Introduction 3 <#__RefHeading__7413_1483051107>`_** `What does it do? 3 <#__RefHeading__7415_1483051107>`_ `Screenshots 3 <#__RefHeading__7417_1483051107>`_ **`Users manual 4 <#__RefHeading__7419_1483051107>`_** `Add page content “360 degrees shots” 4 <#__RefHeading__10035_1629909038>`_ **`Administration 5 <#__RefHeading__7423_1483051107>`_** `Extension configuration 5 <#__RefHeading__9532_1400279235>`_ `Page configuration 5 <#__RefHeading__9534_1400279235>`_ **`Configuration 6 <#__RefHeading__7427_1483051107>`_** `Reference 6 <#__RefHeading__7429_1483051107>`_ `FAQ 7 <#__RefHeading__5119_1629909038>`_ **`Known problems 8 <#__RefHeading__7431_1483051107>`_** **`To-Do list 9 <#__RefHeading__7433_1483051107>`_** **`ChangeLog 10 <#__RefHeading__7435_1483051107>`_** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ This Plugin takes an image tag and makes it a live "projection" of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Great alternative to widely used Flash and Java techniques. .. _Screenshots: Screenshots ^^^^^^^^^^^ |img-3| Demo: `http://typo3.cms-jack.ch/de/erweiterungen/jf360shots/ `_ .. _Users-manual: Users manual ------------ .. _Add-page-content-360-degrees-shots: Add page content “360 degrees shots” ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Upload your image sequence to a folder in your fileadmin Choose the page to add the new 360º animation Add new content Choose Plugin → “360 degrees shots” Choose the folder where the image sequence is stored Choose the imagewith and imageheight (you are able to crop or maximize these values, eg.: 640m) Choose the additional options in the tab “settings” Add your own Options in the tab “special” |img-4| .. _Administration: Administration -------------- .. _Extension-configuration: Extension configuration ^^^^^^^^^^^^^^^^^^^^^^^ You are able to change the following options in configuration: .. ### BEGIN~OF~TABLE ### .. _views: views """"" .. container:: table-row Property views Data type string Description Defines all available views Default folder,single,panorama .. _useSelectInsteadCheckbox: useSelectInsteadCheckbox """""""""""""""""""""""" .. container:: table-row Property useSelectInsteadCheckbox Data type boolean Description If set, most of checkboxes will turn into select boxes, so you can choose "from TS" Default 0 .. ###### END~OF~TABLE ###### .. _Page-configuration: Page configuration ^^^^^^^^^^^^^^^^^^ Your able to configure the available views by pageTS. :: mod.jf360shots { views = folder } In this case in the backend are only these views available .. _generated: ((generated)) """"""""""""" .. _Be-aware: Be aware: ~~~~~~~~~ All values defined in plugin-configuration will be available, you can only choose theme in pageTS. .. _Configuration: Configuration ------------- After installing the extension, you have to add the static “360 degrees shots (jf360shots)” to your template. |img-5| .. _Reference: Reference ^^^^^^^^^ plugin.tx\_jf360shots\_pi1 .. ### BEGIN~OF~TABLE ### .. _jQueryNoConflict: jQueryNoConflict """""""""""""""" .. container:: table-row Property jQueryNoConflict Data type boolean Description Use the noConflict methode Default 1 .. _jsInFooter: jsInFooter """""""""" .. container:: table-row Property jsInFooter Data type boolean Description If set, the Javascript will be rendered in Footer Default 0 .. _jsMinify: jsMinify """""""" .. container:: table-row Property jsMinify Data type boolean Description If set, the Javascript will be minified Default 0 .. _cssMinify: cssMinify """"""""" .. container:: table-row Property cssMinify Data type boolean Description If set, the CSS will be minified Default 0 .. _templateFileJS: templateFileJS """""""""""""" .. container:: table-row Property templateFileJS Data type file Description Location of the used template for JS, if empty or file does not exist, the script will not be included Default EXT:jf360shots/res/tx\_jf360shots\_pi1.js .. _jQueryLibrary: jQueryLibrary """"""""""""" .. container:: table-row Property jQueryLibrary Data type file Description Location of the jQuery Lib, if empty or file does not exist, the script will not be included Default EXT:jf360shots/res/jquery/js/jquery-1.7.2.min.js .. _jQuery360: jQuery360 """"""""" .. container:: table-row Property jQuery360 Data type file Description Location of the jQuery Reel, if empty or file does not exist, the script will not be included Default EXT:jf360shots/res/jquery/js/jquery.reel-1.1.4.min.js .. _jQueryMouseWheel: jQueryMouseWheel """""""""""""""" .. container:: table-row Property jQueryMouseWheel Data type file Description Location of the Mousewheel, if empty or file does not exist, the script will not be included Default EXT:jf360shots/res/jquery/js/jquery.mousewheel-3.0.6.min.js .. _config-view: config.view """"""""""" .. container:: table-row Property config.view Data type string Description Defines the view to use Possible values are: folder, single, panorama Default folder .. _config-imagepath: config.imagepath """""""""""""""" .. container:: table-row Property config.imagepath Data type string Description Path to the images (in folder-view) Default EXT:jf360shots/res/images/ .. _config-singleImage: config.singleImage """""""""""""""""" .. container:: table-row Property config.singleImage Data type string Description The image to use as image sequence (in single-view) Default .. _config-singleFrames: config.singleFrames """"""""""""""""""" .. container:: table-row Property config.singleFrames Data type integer Description Count of the images in sequence (in single-view) Default .. _config-singleColumns: config.singleColumns """""""""""""""""""" .. container:: table-row Property config.singleColumns Data type integer Description Count of the columns in sequence (in single-view) Default .. _config-panoramaImage: config.panoramaImage """""""""""""""""""" .. container:: table-row Property config.panoramaImage Data type string Description The image to use for the panorama (in panorama-view) Default .. _config-imagewidth: config.imagewidth """"""""""""""""" .. container:: table-row Property config.imagewidth Data type string Description Width of the images Default 612m .. _config-imageheight: config.imageheight """""""""""""""""" .. container:: table-row Property config.imageheight Data type string Description Height of the images Default 480m .. _config-frame: config.frame """""""""""" .. container:: table-row Property config.frame Data type integer Description Defines the first frame of the animation Default 1 .. _config-delay: config.delay """""""""""" .. container:: table-row Property config.delay Data type integer Description Delay between load and autoplay (empty value: no autoplay) Default .. _config-speed: config.speed """""""""""" .. container:: table-row Property config.speed Data type integer Description Animated rotation speed in revolutions per second (Hz) Default 0 .. _config-loops: config.loops """""""""""" .. container:: table-row Property config.loops Data type boolean Description If set, the animation loops endless Default 1 .. _config-cw: config.cw """"""""" .. container:: table-row Property config.cw Data type boolean Description Revert animation, if the animation does not follow the mouse Default 0 .. _config-draggable: config.draggable """""""""""""""" .. container:: table-row Property config.draggable Data type boolean Description Allows mouse or finger drag interaction Default 1 .. _config-throwable: config.throwable """""""""""""""" .. container:: table-row Property config.throwable Data type boolean Description Allows drag and throw interaction Default 1 .. _config-clickfree: config.clickfree """""""""""""""" .. container:: table-row Property config.clickfree Data type boolean Description Binds to mouse leave/enter events instead of down/up mouse events Default 0 .. _config-wheelable: config.wheelable """""""""""""""" .. container:: table-row Property config.wheelable Data type boolean Description Allows mouse wheel interaction Default 0 .. _config-options: config.options """""""""""""" .. container:: table-row Property config.options Data type string Description Add your own options here: `http://jquery.vostrel.cz/reel `_ Default .. _views-template: views.\*.template """"""""""""""""" .. container:: table-row Property views.\*.template Data type cObject Description Template for the markup Default .. _views-image: views.\*.image """""""""""""" .. container:: table-row Property views.\*.image Data type IMAGE Description Image to render Default .. _views-previewimage: views.\*.previewimage """"""""""""""""""""" .. container:: table-row Property views.\*.previewimage Data type IMAGE Description Image for the preview (only for panorama-view) Default .. ###### END~OF~TABLE ###### [tsref:(cObject).plugin.tx\_jf360shots\_pi1] .. _FAQ: FAQ ^^^ .. _generated: ((generated)) """"""""""""" .. _I-like-to-add-some-scripts-css-files-globally-is-this-possible: I like to add some scripts / css -files globally, is this possible? ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ If you like to add the library globally you can set an empty string to the values. Only existing files will be included! This will work for jQueryLibrary, jQuery360 and jQueryMouseWheel. .. _Known-problems: Known problems -------------- Report bugs at `http://forge.typo3.org/projects/show/extension- jf360shots `_ .. _To-Do-list: To-Do list ---------- Report features at `http://forge.typo3.org/projects/show/extension- jf360shots `_ .. _ChangeLog: ChangeLog --------- .. ### BEGIN~OF~TABLE ### .. _0-0-1: 0.0.1 ^^^^^ .. container:: table-row Version 0.0.1 Changes Initial development .. _0-1-0: 0.1.0 ^^^^^ .. container:: table-row Version 0.1.0 Changes Add documentation .. _0-1-1: 0.1.1 ^^^^^ .. container:: table-row Version 0.1.1 Changes Fix the documentation .. _0-1-2: 0.1.2 ^^^^^ .. container:: table-row Version 0.1.2 Changes Add jQuery 1.6.2 / Fix jsInFooter / Convert linefeed to Unix .. _0-1-3: 0.1.3 ^^^^^ .. container:: table-row Version 0.1.3 Changes Add jQuery 1.6.4 .. _1-0-0: 1.0.0 ^^^^^ .. container:: table-row Version 1.0.0 Changes Add jQuery Mousewheel 3.0.6 / Add jQuery 1.7.0 / Add panorama-view (#30978) / Fix the error on folder selector (#31722) .. _1-0-1: 1.0.1 ^^^^^ .. container:: table-row Version 1.0.1 Changes Add jQuery 1.7.1 / Add the single image sequence (#31722) .. _1-0-2: 1.0.2 ^^^^^ .. container:: table-row Version 1.0.2 Changes Add jQuery 1.7.2 / Add jQuery Reel 1.1.4 / Remove deprecated methods (#36599) .. _1-0-3: 1.0.3 ^^^^^ .. container:: table-row Version 1.0.3 Changes Fix t3lib\_utility\_VersionNumber::convertVersionNumberToInteger for older typo3 versions .. _1-0-4: 1.0.4 ^^^^^ .. container:: table-row Version 1.0.4 Changes Fix compatibility for Typo3 V6 (#41010) .. _1-0-5: 1.0.5 ^^^^^ .. container:: table-row Version 1.0.5 Changes Fix “Add new” in backend .. _1-0-6: 1.0.6 ^^^^^ .. container:: table-row Version 1.0.6 Changes Add jQuery 1.9.1 / Add jQuery Reel 1.3.0 / Add Compatibility for TYPO3 6.2 .. ###### END~OF~TABLE ###### |img-2| 11 .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. |img-2| image:: img-2.png .. :border: 0 .. :height: 21 .. :hspace: 9 .. :id: Grafik2 .. :name: Grafik2 .. :width: 87 .. |img-3| image:: img-3.png .. :align: left .. :border: 0 .. :height: 307 .. :id: Grafik1 .. :name: Grafik1 .. :width: 491 .. |img-4| image:: img-4.png .. :align: left .. :border: 0 .. :height: 349 .. :id: Grafik3 .. :name: Grafik3 .. :width: 457 .. |img-5| image:: img-5.png .. :align: left .. :border: 0 .. :height: 93 .. :id: Grafik4 .. :name: Grafik4 .. :width: 418