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: Readable name of your extension

Author:Helmut Hackbarth
Created:2010-12-27T18:04:44.140000000
Changed by:Helmut
Changed:2011-05-29T15:41:14.970000000
Classification:extensionkey
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:keywords comma-separated
Author:Author Name
Email:your@email.com
Info 4:
Language:en

img-1 img-2 Ultimate Header Slider- t3s_headersliderEXT: Ultimate Header Slider

EXT: Ultimate Header Slider

Extension Key: t3s_headerslider

Language: en

Keywords: slider, slideshow, nivo slider, jquery

Copyright 2000-2010, Helmut Hackbarth, < info@t3solution.de >

jQuery © 2010 John Resig, http://jquery.org/

Nivo Slider © 2010 Gilbert Pellegrom

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: Ultimate Header Slider 1

`Introduction 3 <#__RefHeading__2661_1602935418>`_

What does it do? 3

Screenshots 3

`Users manual 4 <#__RefHeading__2667_1602935418>`_

`Administration 10 <#__RefHeading__2669_1602935418>`_

`Configuration 11 <#__RefHeading__2671_1602935418>`_

`Known problems 12 <#__RefHeading__2673_1602935418>`_

`To-Do list 13 <#__RefHeading__2675_1602935418>`_

Introduction

What does it do?

This Extension will implements the “Most Awesome jQuery Image Slider” to a site marker or subpart.

The necessary jQuery JavaScript Library is loaded via the Google CDN or with t3jquery or what ever.

Screenshots

Frontend view while animate – with subtile and abstract in the image:

img-3

Frontend view – with caption over the image:

img-4

For Examples checkout http://www.t3solution.de/ext/t3s- headerslider.html

Users manual

Just install the Extension with the extension manager.

Configuration of the extension in the EM:

img-5

Include the static TypoScript in your template.

Configuration in the Constant Editor:

img-6

Configuration in the Constant Editor with “Use Gifbuilder for HeaderImages”:

img-7

Add the headerslider to a mark.

Here an example:

page = PAGE
page.10 {
  marks.SLIDER < plugin.tx_t3sheaderslider_pi1
}

The Template:

<html>
<head>
</head>
<body>
  ...
<div>###SLIDER###</div>
  ...
</body>
</html>
  • Choose the page where you want to add images
  • Click “Edit page properties”
  • Go to the tab “Headerslider”

After that you can set the options for the headerslider:

Tab – Images without DAM:

img-8

Tab – Images with DAM:

img-9

Tab – Captions without DAM:

img-10

Tab – Captions with DAM:

img-11

GIFBuilder options with “Use Gifbuilder for HeaderImages”:

img-12

Nivo Slider options:

img-13

For Examples checkout http://www.t3solution.de/ext/t3s- headerslider.html

Administration

See users manual.

Configuration

See users manual.

Known problems

Nothing yet, keep me informed.

To-Do list

Do you have an idea?

img-2 13