Introduce
JA Tabs plugin is a plugin help you to create tabs in a Joomla article and JA Tabs module is a module help you to create tabs in a module
- Support multi kind of tabs: Horizonatal, Verticale
- Configurable animations: Left/right, up/down, fading...
- Multi theme support
- Full of configuration
Demonstration
1. Type = modules
{ jatabs type="modules" module="ja_tabs" position="top" mouseType="click" animType="animFade" pre=true }
{ /jatabs}
- module: position of module. Note: only show modules published
Pentax K200D
Pentax K20D
Camera Gadget Bag
Eros quis mauris nulla id quis ac consequat Praesent libero justo. Neque congue dui odio justo Ut wisi malesuada justo pede consequat. Tincidunt dui elit vel rhoncus enim ante vestibulum at consequat interdum. Libero penatibus Aliquam lobortis eget Donec faucibus aliquet leo at consectetuer. Vel ante purus Sed Pellentesque pellentesque pellentesque pede convallis wisi ipsum.
Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis.
Est Ut consequat facilisi suscipit Phasellus arcu fringilla justo sapien adipiscing. Semper Morbi sed suscipit faucibus rhoncus Nam tempor felis suscipit semper. Rutrum senectus tellus velit nibh neque ac a aliquam Pellentesque tempus. Enim cursus vel Nam Fusce sit vestibulum massa nibh Nam senectus. Vitae eget sapien magna dapibus Vestibulum malesuada Phasellus mus adipiscing Nam. Orci Curabitur ut Proin ut dictum Pellentesque augue leo pulvinar velit. Duis.
Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus.
Canon 200DG Digital Camera Gadget Bag (Black) Elit elit id et elit metus feugiat semper Nam quis tempor.
Egestas et rutrum feugiat wisi pretium sociis Nunc ut dui feugiat. Nunc pede arcu Sed nec facilisi ante lorem et Sed sed. Urna orci Quisque in mus mauris pede tempor Curabitur congue Maecenas. Non porta Ut id tortor sed Vivamus tortor nulla Duis cursus.
2. Type = module
{ jatabs type="module" modulename="mod_flowers, mod_flowers2, mod_flowers3, mod_flowers4, mod_flowers5"
position="left" animType="animMoveVir" pre=true}
{ /jatabs}
- modulename: module's name list. Note: modules must published
Flowers
Flowers 2
Flowers 3
Flowers 4
Flowers 5
Est Ut consequat facilisi suscipit Phasellus arcu fringilla justo sapien adipiscing. Semper Morbi sed suscipit faucibus rhoncus Nam tempor felis suscipit semper. Rutrum senectus tellus velit nibh neque ac a aliquam Pellentesque tempus. Enim cursus vel Nam Fusce sit vestibulum massa nibh Nam senectus. Vitae eget sapien magna dapibus Vestibulum malesuada Phasellus mus adipiscing Nam. Orci Curabitur ut Proin ut dictum Pellentesque augue leo pulvinar velit. Duis.
Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus.
Eros quis mauris nulla id quis ac consequat Praesent libero justo. Neque congue dui odio justo Ut wisi malesuada justo pede consequat. Tincidunt dui elit vel rhoncus enim ante vestibulum at consequat interdum. Libero penatibus Aliquam lobortis eget Donec faucibus aliquet leo at consectetuer. Vel ante purus Sed Pellentesque pellentesque pellentesque pede convallis wisi ipsum.
Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis.
Eros quis mauris nulla id quis ac consequat Praesent libero justo. Neque congue dui odio justo Ut wisi malesuada justo pede consequat. Tincidunt dui elit vel rhoncus enim ante vestibulum at consequat interdum. Libero penatibus Aliquam lobortis eget Donec faucibus aliquet leo at consectetuer. Vel ante purus Sed Pellentesque pellentesque pellentesque pede convallis wisi ipsum.
Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis.
Eros quis mauris nulla id quis ac consequat Praesent libero justo. Neque congue dui odio justo Ut wisi malesuada justo pede consequat. Tincidunt dui elit vel rhoncus enim ante vestibulum at consequat interdum. Libero penatibus Aliquam lobortis eget Donec faucibus aliquet leo at consectetuer. Vel ante purus Sed Pellentesque pellentesque pellentesque pede convallis wisi ipsum.
Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis.
Eros quis mauris nulla id quis ac consequat Praesent libero justo. Neque congue dui odio justo Ut wisi malesuada justo pede consequat. Tincidunt dui elit vel rhoncus enim ante vestibulum at consequat interdum. Libero penatibus Aliquam lobortis eget Donec faucibus aliquet leo at consectetuer. Vel ante purus Sed Pellentesque pellentesque pellentesque pede convallis wisi ipsum.
Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis.
3. Type = content
{ jatabs type="content" position="top" height="240" mouseType="mouseover" animType="animMoveHor" pre=true}
[tab title="Entertainment"]
<img src="/extensions15/images/stories/demo/ja_tabs/sam-1.jpg"
alt="Sample image" align="left" title="Sample image"
class="caption" />...
[/tab]
[tab title="Travel"]
<img src="/extensions15/images/stories/demo/ja_tabs/gl-10.jpg" ...
[/tab]
[tab title="Artist"]
<img src="/extensions15/images/stories/demo/style/s-12.jpg" ...
[/tab]
[tab title="Life and Style"]
<img src="/extensions15/images/stories/demo/style/s-10.jpg" ...
[/tab]
{ /jatabs}
Entertainment
Travel
Artist
Life and Style
Ut fames pede elit nibh at risus tempus. Nulla semper ac nec sit massa In Curabitur id risus sit. Non ante gravida eros quis justo sed nonummy et Donec et. Hendrerit velit orci sagittis eu Aenean pharetra faucibus eu laoreet nunc. Tincidunt nulla a Nulla eu convallis scelerisque sociis nulla interdum et. Cursus senectus aliquet pretium at tristique hac ullamcorper adipiscing et Donec. Enim montes parturient. Nibh volutpat tortor augue convallis aliquam augue condimentum urna tortor id. Sed nibh dui Vestibulum sed ante fringilla est leo Nam mauris.
Sit orci Suspendisse nulla mauris Nam metus eros odio feugiat semper. Enim pellentesque est Phasellus Curabitur urna tincidunt sagittis gravida eget Ut. Gravida congue Maecenas faucibus Mauris congue lacus eu vitae eget neque. Augue et montes montes ut wisi justo in ipsum gravida eleifend. Consequat id Nam augue justo Maecenas elit justo interdum tincidunt massa. Donec.
Nascetur vel interdum vel ut nascetur velit Maecenas vitae risus a. Auctor facilisis et dolor semper in dignissim elit ante sit Quisque. Lacinia leo Ut Aenean eros ipsum interdum odio et Praesent condimentum. Vitae Quisque justo tincidunt suscipit nec enim est tellus sapien Pellentesque. Aenean dis nonummy metus senectus congue pellentesque id pellentesque Curabitur elit. Odio ac accumsan malesuada semper tortor risus hac ut eget feugiat.
Cursus senectus aliquet pretium at tristique hac ullamcorper adipiscing et Donec. Enim montes parturient. Lacus Donec ac urna tellus ipsum magnis amet eu Morbi Phasellus. Pretium ante sem Lorem auctor est velit vel semper elit mauris. Justo sem Nam mattis et at diam Curabitur euismod ut feugiat. Wisi rhoncus sapien sem vitae nec et consequat In velit ac.
Ut fames Duis nibh arcu pede elit nibh at risus tempus. Nulla semper ac nec sit massa In Curabitur id risus sit. Non ante gravida eros quis justo sed nonummy et Donec et. Hendrerit velit orci sagittis eu Aenean pharetra faucibus eu laoreet nunc. Tincidunt nulla a Nulla eu convallis scelerisque sociis nulla interdum et.
Pellentesque nec orci molestie tellus Maecenas pellentesque ut vel hac nibh. Sem pulvinar
The Joomla! team has about 1 million good reasons to be smiling about the Joomla! 1.5. In its current incarnation, it's had more than 1 million downloads, taking it to an unprecedented level of popularity. The new code base is almost an entire re-factor of the old code base. The user experience is still extremely slick but for developers the API is a dream. A proper framework for real PHP architects seeking the best of the best.
If you're a former Mambo User or a 1.0 series Joomla! User, 1.5 is the future of CMSs for a number of reasons. It's more powerful, more flexible, more secure, and intuitive. Our developers and interface designers have worked countless hours to make this the most exciting release in the content management system sphere.
Go on ... get your FREE copy of Joomla! today and spread the word about this benchmark project.
4. Type = articles
{ jatabs type="articles" ids="113, 114, 115" ajax=true view="introtext" position="right" widthTabs=150
width=530 animType="animMoveVir" pre=true}
{ /jatabs}
- ids: list id of the article. Note: only show the article published
- view: you set to show introtext/fulltext of article content
Praesent nibh
Ligula tellus
Habitant
Praesent nibh eros mollis augue. A dui Nulla hac lorem nec habitant dui mollis risus leo. Ut et Fusce Vestibulum leo lorem lacus id Quisque quam libero.
Ligula tellus at condimentum ac mauris Phasellus massa sed turpis elit. Hendrerit et aliquet Nunc Curabitur pharetra congue Phasellus id malesuada
Habitant in tristique et vitae id eu faucibus adipiscing Aliquam at. Eros consequat consequat at nibh libero nec Nunc est et in. Metus consectetuer orci Integer vitae.
{ jatabs type="articles" catid=55 view="introtext" ajax=true position="bottom" width=420 height=340
animType="animMoveHor" pre=true}
{ /jatabs}
- catid: id of the category. Note: only show the article published
- view: you set to show introtext/fulltext of article content. Value default is introtext
- numberTabs: max number tab you want to show. Value default is limit
JA Teline II
JA Galena
JA Helio
JA Iolite
Parameter Options General
All parameter options for the JaTabs Plugin.
|
Type Ajax Position Style widthTabs (px) Note: Parameters are case sensitive
|
Installation
Take a look at the video How to install and setup the JA Tabs plugin ?
