Joomla! Türkçe Eğitim ve Destek

"Türk milletinin dili 'Türkçe'dir. Türk dili dünyada en güzel, en zengin ve en kolay olabilecek bir dildir. Onun için her Türk, dilini çok sever ve dilini yükseltmek için çalışır. Türk dili Türk milleti için kutsal bir hazinedir."

Mustafa Kemal Atatürk

Buradasınız:  Anasayfa Eklentiler JT SlideShow
JT Slideshow (Joomla! 1.5) PDF Yazdır e-Posta
Click here for new version (for Joomla! 3.x)
JT SlideShow Module - JT Slayt Gösterisi Modülü

JT SlideShow is an awesome native module that is both flexible and robust.
JT SlideShow module supports multilanguage and contains English and Turkish.

Click here to download the latest version. Send an e-mail to Bu e-Posta adresi istek dışı postalardan korunmaktadır, görüntülüyebilmek için JavaScript etkinleştirilmelidir for your questions.


Introduction

Its implementation is based on the jQuery and jQuery Cycle Plugin by M. Alsup. And this module was written by Ümit Kenan Gönüllü.

JT SlideShow Module comes with a vast array of transition effects for you to use.

JT SlideShow Module has a lot of parameters. You can customize slide shows as you wish.




Installation

1Click here to download JT SlideShow module.

2Log into administration area.

3Click Install/Uninstall item under Extensions menu.

4Click Browse, and select mod_jt_slideshow.zip.

5Click Upload File & Install to upload file and install module.

6Click Module Manager item under Extensions menu.

7Click Enable Module icon near to JT SlideShow on the list.




Administration


Image Folder

Enter image path in this field. Images in this folder will be shown.
If you want to use images from different folders, you must specify in Images field.

Show All Images

You can show all images in your image folder with a single click, just select Yes in Show All Images field.
Only images with extensions jpg, gif, and png will be shown.

Images

Enter names of images into this field for your slideshow.

All images must be located on the image folder. If you want to use images from different folders or internet sites, you can use <ext> tag before image names.

Example usage for different image folder: <ext>another/directory/image.ext
Example usage for different internet site: <ext>http://sitename/folder/image.ext

Titles

Enter titles (captions) for your images in this field. For activating image titles, you must select Yes for Image Caption parameter.
Image, title, and URL order must be the same. If you don't want to assing a title for any image, just press enter without entering any character.

URLs

You can add links to your images by entering URLs into this area. And, you should activate Linked URLs.
Image, title, and URL order must be the same.

Linked URLs

Click Yes to activate Linked URLs.

Target

Choose where the links will be opened.
If you want to open links on your window, select Same Window.
To open links on new window, select New Window.
To open links on parent window, select Parent Window.
To open links on top window, select Top Window.

Add HTTP

Select Yes to add prefix http:// before URLs.
When URLs' targets are in the same site, you should select No.

Image Caption

To activate image titles, you must select Yes.

Caption Position

Select where the titles (captions) will be shown.

Caption Align

Select caption align in this field.

Transition Effect

JT SlideShow Module have twentyseven (27) transition effects:
Fade, BlindX, BlindY, BlindZ, Cover, CurtainX, CurtainY, FadeZoom, GrowX, GrowY, ScrollUp, ScrollDown, ScrollLeft, ScrollRight, ScrollHorz, ScrollVert, Shuffle, SlideX, SlideY, Toss, TurnUp, TurnDown, TurnLeft, TurnRight, Uncover, Wipe, Zoom.

To use your custom transion effects choosing: Change the line 16 on modules\mod_jt_slideshow\helper.php file.
For example,
Change this:
$this->fx = $params->get ( 'fx', 'all' );
with this:
$this->fx = 'scrollLeft,scrollDown,scrollRight,scrollUp';

Timeout

Milliseconds between slide transitions (0 to disable auto advance)

Speed

Speed of the transition (any valid fx speed value)

Delay

Additional delay (in ms) for first transition (hint: can be negative)

Speed In

Speed of the 'in' transition

Speed Out

Speed of the 'out' transition

Shuffle

Coordinates for shuffle animation, example: top:15, left: 200

Pager Event

Name of event which drives the pager navigation. Select "Click" or "Mouse Over".

Continuous

Select Yes to start next transition immediately after current one completes

Fit

Select Yes to force slides to fit container.

Container Resize

Select Yes to resize container to fit largest slide.

Pause

Select Yes to enable "pause on hover".

Pause On Pagination

Select Yes to pause when hovering over pager link.

Auto Stop

Select Yes to end slideshow after X transitions (where X == slide count).

No Wrap

Select Yes to prevent slideshow from wrapping.

Randomize Effects

Select Yes to make the effect sequence random

Reverse

Select Yes to cause animations to transition in reverse.

Load jQuery

Select Yes to load jQuery. If you have more than one extensions which are used jQuery, you should not load jQuery again.

Box Name

Enter box name in this field. If you want to use more than one slide show, you must enter different box names.

Module Class Suffix

Enter a suffix to be applied to the CSS class of the Module. This allows for individual Module styling.

Image Width

Enter image width in this field. Enter unit with dimension. Example: 100px or 100%.

Image Height

Enter image height in this field. Enter unit with dimension. Example: 100px or 100%.

Image Border

Select Show to show a border around image.

Image Border Size

Enter image border size in this field. Enter unit with dimension. Example: 100px or 100%.

Image Border Color

Enter image border color. Example: black or #000000

Navigation Bar

Select Show to show navigation bar.

Navigation Bar Position

Select the navigation bar position. You can select Top or Bottom.

Navigation Bar Border

Select Show to show a border around the navigation bar.

Navigation Bar Border Color

Enter navigation bar border color. Example: white or #ffffff

Show/hide pagination

Select Show to show the pagination bar.
If the pagination bar is shown, gallery must be hidden.

Pagination Bar Position

Select the paginatin bar position. You can select Top or Bottom.

Pagination Bar Align

Select the paginatin bar align. You can select Same with caption align, Left, Center or Right.

Pagination Bar Border

Select Show to show the pagination bar boder.

Pagination Bar Border Color

Enter pagination bar border color. Example: red or #ff0000

Pagination Items Border

Select Show to show a border around the pagination items.

Gallery

Select Show to show gallery.
If the gallery is shown, pagination bar must be hidden.

Gallery Width

Enter gallery (thumbnails area) width in this field. Enter unit with dimension. Example: 100px or 100%.
This parameter will not run if the gallery position is Top.

Gallery Position

Select the gallery position. You can select Top, Left or Right.

Gallery Direction

You can change the direction of thumbnails.
You need to change this parameter, especially in RTL (right-to-left direction) sites.

Thumbnail Width

Enter thumbnail width in this field. Enter unit with dimension. Example: 100px.

Thumbnail Height

Enter thumbnail height in this field. Enter unit with dimension. Example: 100px.

Thumbnail Space

Specify space between thumbnails in this area. Enter unit with dimension. Example: 5px.

Thumbnail Border

Select Show to show a border around the thumbnails.

Thumbnail Border Size

Enter thumbnail border size in this field. Enter unit with dimension. Example: 10px.

Thumbnail Border Color

Enter thumbnail border color. Example: yellow or #ffff00

Thumbnail Active Border Color

Enter active thumbnail border color. Example: green or #00ff00

Show footer

Select Show to show module footer.