"Türk milleti, geçirdiği nihayetsiz felaketler içinde ahlakının, anneannelerinin, hatıralarının, menfaatlerinin, kısacası bugün kendi milliyetini yapan her şeyin dili sayesinde muhafaza olduğunu görüyoruz. Türk dili, Türk milletinin kalbidir, zihnidir."
Mustafa Kemal Atatürk
JT SlideShow is an awesome native module that is both flexible and robust.
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.
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.
Image FolderEnter 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 ImagesYou 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.
ImagesEnter 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
TitlesEnter 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.
URLsYou 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 URLsClick Yes to activate Linked URLs.
TargetChoose 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 HTTPSelect Yes to add prefix http:// before URLs.
When URLs' targets are in the same site, you should select No.
Image CaptionTo activate image titles, you must select Yes.
Caption PositionSelect where the titles (captions) will be shown.
Caption AlignSelect caption align in this field.
Transition EffectJT 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.
$this->fx = $params->get ( 'fx', 'all' );with this:
$this->fx = 'scrollLeft,scrollDown,scrollRight,scrollUp';
TimeoutMilliseconds between slide transitions (0 to disable auto advance)
SpeedSpeed of the transition (any valid fx speed value)
DelayAdditional delay (in ms) for first transition (hint: can be negative)
Speed InSpeed of the 'in' transition
Speed OutSpeed of the 'out' transition
ShuffleCoordinates for shuffle animation, example: top:15, left: 200
Pager EventName of event which drives the pager navigation. Select "Click" or "Mouse Over".
ContinuousSelect Yes to start next transition immediately after current one completes
FitSelect Yes to force slides to fit container.
Container ResizeSelect Yes to resize container to fit largest slide.
PauseSelect Yes to enable "pause on hover".
Pause On PaginationSelect Yes to pause when hovering over pager link.
Auto StopSelect Yes to end slideshow after X transitions (where X == slide count).
No WrapSelect Yes to prevent slideshow from wrapping.
Randomize EffectsSelect Yes to make the effect sequence random
ReverseSelect Yes to cause animations to transition in reverse.
Load jQuerySelect Yes to load jQuery. If you have more than one extensions which are used jQuery, you should not load jQuery again.
Box NameEnter box name in this field. If you want to use more than one slide show, you must enter different box names.
Module Class SuffixEnter a suffix to be applied to the CSS class of the Module. This allows for individual Module styling.
Image WidthEnter image width in this field. Enter unit with dimension. Example: 100px or 100%.
Image HeightEnter image height in this field. Enter unit with dimension. Example: 100px or 100%.
Image BorderSelect Show to show a border around image.
Image Border SizeEnter image border size in this field. Enter unit with dimension. Example: 100px or 100%.
Image Border ColorEnter image border color. Example: black or #000000
Navigation BarSelect Show to show navigation bar.
Navigation Bar PositionSelect the navigation bar position. You can select Top or Bottom.
Navigation Bar BorderSelect Show to show a border around the navigation bar.
Navigation Bar Border ColorEnter navigation bar border color. Example: white or #ffffff
Show/hide paginationSelect Show to show the pagination bar.
If the pagination bar is shown, gallery must be hidden.
Pagination Bar PositionSelect the paginatin bar position. You can select Top or Bottom.
Pagination Bar AlignSelect the paginatin bar align. You can select Same with caption align, Left, Center or Right.
Pagination Bar BorderSelect Show to show the pagination bar boder.
Pagination Bar Border ColorEnter pagination bar border color. Example: red or #ff0000
Pagination Items BorderSelect Show to show a border around the pagination items.
GallerySelect Show to show gallery.
If the gallery is shown, pagination bar must be hidden.
Gallery WidthEnter 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 PositionSelect the gallery position. You can select Top, Left or Right.
Gallery DirectionYou can change the direction of thumbnails.
You need to change this parameter, especially in RTL (right-to-left direction) sites.
Thumbnail WidthEnter thumbnail width in this field. Enter unit with dimension. Example: 100px.
Thumbnail HeightEnter thumbnail height in this field. Enter unit with dimension. Example: 100px.
Thumbnail SpaceSpecify space between thumbnails in this area. Enter unit with dimension. Example: 5px.
Thumbnail BorderSelect Show to show a border around the thumbnails.
Thumbnail Border SizeEnter thumbnail border size in this field. Enter unit with dimension. Example: 10px.
Thumbnail Border ColorEnter thumbnail border color. Example: yellow or #ffff00
Thumbnail Active Border ColorEnter active thumbnail border color. Example: green or #00ff00
Show footerSelect Show to show module footer.