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.

EXT: jQuery.popeye

Author:Kasper Skårhøj
Created:2002-11-01T00:32:00
Changed by:Raphael Zschorsch
Changed:2010-10-18T22:48:05.950000000
Classification:rzpopeye
Description:The keywords help with categorizing and tagging of the manuals. You can combine two or more keywords and add additional keywords yourself. Please use at least one keyword from both lists. If your manual is NOT in english, see next tab "language" ---- forEditors (use this for editors / german "Redakteure") forAdmins (use this for Administrators) forDevelopers (use this for Developers) forBeginners (manuals covering TYPO3 basics) forIntermediates (manuals going into more depth) forAdvanced (covering the most advanced TYPO3 topics) see more: http://wiki.typo3.org/doc_template#tags ----
Keywords:jQuery, Popeye, Image Viewer, Inline
Author:Raphael Zschorsch
Email:rafu1987@gmail.com
Info 4:
Language:en

img-1 img-2 EXT: jQuery.popeye - rzpopeye

EXT: jQuery.popeye

Extension Key: rzpopeye

Language: en

Keywords: jQuery, Popeye, Image Viewer, Inline

Copyright 2009-2010, Raphael Zschorsch, <rafu1987@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

EXT: jQuery.popeye 1

`Introduction 3 <#__RefHeading__682_767022330>`_

What does it do? 3

Screenshots 3

`Users manual 4 <#__RefHeading__688_767022330>`_

`Configuration 5 <#__RefHeading__690_767022330>`_

Reference 5

`Known problems 6 <#__RefHeading__694_767022330>`_

`ChangeLog 7 <#__RefHeading__696_767022330>`_

Introduction

What does it do?

  • This extension implements a fancy jQuery.popeye inline image viewer, which can be seen in action here: http://dev.herr- schuessler.de/jquery/popeye/

    Thanks to Christoph Schüßler for this great jQuery Plugin.

    The extension is completely localized in English, German and French.

  • jQuery.popeye uses version 1.4.3 of the jQuery Library and version 2.0.2 of the popeye script, since extension version 1.0.0

    Powered by: `www.mark-up.de <http://www.mark-up.de/>`_

Screenshots

img-3 img-4 The Frontend View (closed / open)

Users manual

  • First, install the extension from the TYPO3 Extension Repository
  • After the installation, just include the Static TypoScript in your Template and your done.
  • To show the Plugin, just insert a new Content Element
  • Since version 1.0.0 you can configure the plugin with some constants in the constant editor
  • Also since version 1.0.0 the adding of images and captions is slightly different than before. The plugin now uses sections for every image and caption, to ensure that the caption can be entered in a rich text editor, so that you can format the captions or even put links in them.

Configuration

Almost everything is done by Flexforms. There are some constants you can define, as shown below.

Reference

plugin.rzpopeye properties: TS Constants

enableGlobal

Property

enableGlobal

Data type

boolean

Description

Enable jQuery globally. If you already defined jQuery Plugins in your Site, just set this to “1” and rzpopeye won't include the jQuery JavaScript.

Default

0

noConflict

Property

noConflict

Data type

boolean

Description

Set to “1” if you want to add the noConflict mode. (For example if you use

jQuery and Mootools on your site.)

Default

0

cssPath

Property

cssPath

Data type

string

Description

Path to CSS File: (usage like fileadmin/templates/css/styles.css - don't forget to copy the images out of the extension folder)

Default

false

maxWidth

Property

maxWidth

Data type

boolean

Description

Enable {styles.content.imgtext.maxW} for detail images in rzpopeye

Default

0

Known problems

ChangeLog

  • v.0.2.0: Added Constant Value to enable jQuery globally, ofLabel in Flexform (if empty, Locallang value is used)
  • v.0.2.3: jQuery 1.4.1, manual update
  • v.1.0.0: completely rewritten, so be sure to check your plugins, when you update to this version, jQuery 1.4.3, popeye 2.0.2, added sections for images and captions
  • v.1.0.1: fixed bug #10325

7