EXT: T3 jQuery¶

Table of Contents¶

EXT: PL JqueryImages 1

`Introduction 3 <#__RefHeading__876_1096280026>`_

What does it do? ` 3 <#__RefHeading__878_1096280026>`_

`Installation 4 <#__RefHeading__882_1096280026>`_

`Configuration <#Configuration|outline>`_ `6 <#Configuration|outline>`_

`Administration <#__RefHeading__890_1096280026>`_ 7

`References 8 <#__RefHeading__892_1096280026>`_

`Known problems 9 <#__RefHeading__898_1096280026>`_

`To-Do list 1 <#__RefHeading__900_1096280026>`_ 0

` ChangeLog <#__RefHeading__902_1096280026>`_ ` 11 <#__RefHeading__902_1096280026>`_

Introduction¶

Installation¶

To install the Extension download it from TER and add it to “Include static (from extensions)”

Then insert the Plugin on the Page. Put the Images into a Folder, it is recommend to create a folder under fileadmin.

We need the Path to the Images for the Option “Path to Images”. It is a good idea that the Images have the same Height and Width.

Configuration¶

We have two Tabs in the Backend. The first Tab holds the General Settings, the second one the Javascript Settings.

General Settings:

• use T3JQuery: if you activate this Option and T3JQuery is installed the Extension will use T3JQuery. If you don`t want to use T3JQuery though it is intalled then don`t activate this Option. So you have the choice to use a different Library even if T3JQuery is installed.
• Path to JQuery: by default the Extension use his own JQuery. If you want to use your own, please set this Option, e.g fileadmin/js/jquery-1.4.2.min.js.
• Path to JqueryCycle: by default the Extension use his own JQuery. If you want to use your own, please set this Option, e.g fileadmin/js/jquery.cycle.all.min.js.
• Path to Images: this is the Path to the Folder that you create in the Installation. Take care of the ending Slash.
• Images to Display: if you set this Option to “ALL” all Images will be used. Alternative you can give a commaseperated List of Images,e.g. image1.jpg,image2.jpg,....
• Height/Width: the Height or the Width of the Images.

All Options from this Tab could be set via TS. Look at the Section “ References ” or look into /static/setup.txt. These are the default Values.

Javascript Settings:

In this Tab you set the Options for the Cycle Plugin. These Option defines the Action with the Parameters. You had to set the “fx” Option, cause this one defines the Action.

To add a new Option click “Add new: Javascript Option”. The Field “Option” hold the Name of the Option the Field “Value” holds the Value of the Option. For a complete List of all Options please visite the Option Referencepage of JQuery Cycle Plugin.

Administration¶

Nothing to administrate / No additional fields are needed.

References¶

Here is the default TS from setup.txt

plugin.tx_pljqueryimages_pi1{

pathToJquery=typo3conf/ext/pljqueryimages/js/jquery-1.4.2.min.js

pathToJcycle=typo3conf/ext/pljqueryimages/js/jquery.cycle.all.min.js

pathToImages=fileadmin/images/pljqueryimages/

imagesToDisplay=image_01.jpg,image_02.jpg,image_03.jpg

sectionOptions.1.optionname = fx

sectionOptions.1.optionvalue = fade

sectionOptions.2.optionname = speed

sectionOptions.2.optionvalue = 1000

sectionOptions.3.optionname = timeout

sectionOptions.3.optionvalue = 2000

imageWidth=190m

imageHeight=190m

useT3jquery = 0

}

plugin.tx_pljqueryimages_pi1._CSS_DEFAULT_STYLE (

.action { height: 232px; width: 232px; margin: auto }

.action img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

)

Known problems¶

Report bugs at info@pharmaline.de

To-Do list¶

• Report features at info@pharmaline.de
• automatically set the Values of the Javascript Options as Title for the Elements.

ChangeLog¶