ARI Smart Content: ARI JCycle plugin

Joomla articles slideshow and scroller module, plugin, component, extension. Create news scroller from your Joomla articles using cycle.

ARI JCycle creates slideshow using number of settings. This plugin from plugins repository, it's open source and you can use it for free if you have one of the following products: ARI Smart Content, ARI Smart Content: DataTable Pack, ARI Smart Content: News Pack or ARI Smart Content: Image Pack.

Features:
  • Customizable
  • Simply indicate the news you want to scroll and you are done
  • Sliding text can contain any HTML content
  • Can contain articles from your Joomla! system


Example 1 with automatic rotation and random transition effects:


  • Joomla! quiz component
    ARI Quiz is a Joomla quiz component which provides ability to create various tests to evaluate respondent's level of knowledge. It can help organizing quizzes on your Joomla site. It contains many settings and can be configured for your needs. You can successfully use it both for creating big quiz system on your Joomla site or simple quiz with several questions on your site.
  • ARI Smart Content
    ARI Smart Content is a Joomla! component which can help you to make the content of your site more attractive and user-friendly. Idea of ARI Smart content is to create a pluggable tool that combines various content effects like: accordion, tabs, popup, scrollers, news sliders, table wrappers and many other. You don't need technical knowledge to use the power of different pluggable effects in your Joomla! system. More over, you don't need to find and pay for different Joomla! components such as Joomla! tabs component, accordion component, lightbox component, Joomla! newsslider component, CSV extension and other. Now you receive it in one package and pay only once.
  • Thumbnail Joomla! component
    ARI Thumbnail provides possibilities to view picture thumbnails and galleries, resize pictures, customize image view easy! The component is simple yet powerful and customizable. With this component you will provide you visitors and customers with unforgettable stylish effects. This is the case when the picture or gallery says more than simple words. ARI Thumbnail comes with plugin (mambot) which means that you can easy embed the picture with nice thumbnail effect in almost every type of Joomla! content.


Example 2 with manual sliding and zoom transition effect:


  • Section 1.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec nisl tortor, bibendum vel, tincidunt a, commodo non, dolor. Nulla in neque. Mauris rutrum. Aliquam malesuada ipsum a lacus. Aliquam ligula tortor, rhoncus eu, fringilla ut, lacinia a, nulla. Duis pede. Donec at nulla. Suspendisse lectus orci, accumsan in, iaculis a, sodales ac, enim. Maecenas ligula. Maecenas tempor aliquet lectus. Fusce viverra pede sit amet lacus. Vestibulum consequat, ante vitae lacinia tincidunt, ligula magna ullamcorper est, vitae commodo lorem felis eu ligula. Maecenas posuere hendrerit nunc. Morbi dapibus sem nec augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec nisl tortor, bibendum vel, tincidunt a, commodo non, dolor. Nulla in neque. Mauris rutrum. Aliquam malesuada ipsum a lacus. Aliquam ligula tortor, rhoncus eu, fringilla ut, lacinia a, nulla.
  • Section 2.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec nisl tortor, bibendum vel, tincidunt a, commodo non, dolor. Nulla in neque. Mauris rutrum. Aliquam malesuada ipsum a lacus. Aliquam ligula tortor, rhoncus eu, fringilla ut, lacinia a, nulla. Duis pede. Donec at nulla. Suspendisse lectus orci, accumsan in, iaculis a, sodales ac, enim. Maecenas ligula. Maecenas tempor aliquet lectus. Fusce viverra pede sit amet lacus. Vestibulum consequat, ante vitae lacinia tincidunt, ligula magna ullamcorper est, vitae commodo lorem felis eu ligula. Maecenas posuere hendrerit nunc. Morbi dapibus sem nec augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec nisl tortor, bibendum vel, tincidunt a, commodo non, dolor. Nulla in neque. Mauris rutrum. Aliquam malesuada ipsum a lacus. Aliquam ligula tortor, rhoncus eu, fringilla ut, lacinia a, nulla.
  • Section 3.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec nisl tortor, bibendum vel, tincidunt a, commodo non, dolor. Nulla in neque. Mauris rutrum. Aliquam malesuada ipsum a lacus. Aliquam ligula tortor, rhoncus eu, fringilla ut, lacinia a, nulla. Duis pede. Donec at nulla. Suspendisse lectus orci, accumsan in, iaculis a, sodales ac, enim. Maecenas ligula. Maecenas tempor aliquet lectus. Fusce viverra pede sit amet lacus. Vestibulum consequat, ante vitae lacinia tincidunt, ligula magna ullamcorper est, vitae commodo lorem felis eu ligula. Maecenas posuere hendrerit nunc. Morbi dapibus sem nec augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec nisl tortor, bibendum vel, tincidunt a, commodo non, dolor. Nulla in neque. Mauris rutrum. Aliquam malesuada ipsum a lacus. Aliquam ligula tortor, rhoncus eu, fringilla ut, lacinia a, nulla.


Usage:

{arijcycle height="220" width="460" class="es-sample" speed="1000" theme="advanced-v-next-prev" timeout="0" fx="zoom"} {arijcycleitem} News1 news1 news1 {/arijcycleitem} {arijcycleitem} News2 news2 news2 {/arijcycleitem} {/arijcycle}

{arijcycle height="450" width="500" useJoomlaArticle="true" articleSortField="created" articleItemCount="10"} {ariarticletemplate} {$title} {$introtext} {/ariarticletemplate} {/arijcycle}


Parameters:

  • theme - Slider theme. Values: next-prev,advanced-next-prev,advanced-v-next-prev or your own theme
  • width - Width of scrolling area. Values: number
  • height - Height of scrolling area. Values: number
  • prevText - Previous button label. Values: string
  • nextText - Next button label. Values: string
  • fx - Name of transition effect or comma separated names. Values: blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, scrollUp, scrollDown, scrollLeft, scrollRight, scrollHorz, scrollVert, shuffle, slideX, slideY, toss, turnUp, turnDown, turnLeft, turnRight, uncover, wipe, zoom
  • timeout - Milliseconds between slide transitions (0 to disable auto advance). Values: number in milliseconds
  • continuous - To start next transition immediately after current one completes. Values: true,false
  • speed - Speed of the transition. Values: number in milliseconds
  • speedIn - Speed of the 'in' transition. Values: number in milliseconds
  • speedOut - Speed of the 'out' transition. Values: number in milliseconds
  • easing - Easing method for both in and out transitions. Values: easein, easeinout, easeout, expoin, expoout, expoinout, bouncein, bounceout, bounceinout, elasin, elasout, elasinout, backin, backout, backinout
  • easeIn - Easing method for 'in' transition. Values: easein, easeinout, easeout, expoin, expoout, expoinout, bouncein, bounceout, bounceinout, elasin, elasout, elasinout, backin, backout, backinout
  • easeOut - Easing method for 'out' transition. Values: easein, easeinout, easeout, expoin, expoout, expoinout, bouncein, bounceout, bounceinout, elasin, elasout, elasinout, backin, backout, backinout
  • shuffle - Coords for shuffle animation. Values: string in the following format: "prop:'value',prop1:'value1',.."
  • animIn - Properties that define how the slide animates in. Values: string in the following format: "prop:'value',prop1:'value1',.."
  • animOut - Properties that define how the slide animates out. Values: string in the following format: "prop:'value',prop1:'value1',.."
  • cssBefore - Properties that define the initial state of the slide before transitioning in. Values: string in the following format: "prop:'value',prop1:'value1',.."
  • cssAfter - Properties that defined the state of the slide after transitioning out. Values: string in the following format: "prop:'value',prop1:'value1',.."
  • startingSlide - Zero-based index of the first slide to be displayed. Values: number
  • sync - In/out transitions should occur simultaneously. Values: true,false
  • random - True for random, false for sequence (not applicable to shuffle fx). Values: true,false
  • fit - Force slides to fit container. Values: true,false
  • containerResize - Resize container to fit largest slide. Values: true,false
  • pause - Enable "pause on hover". Values: true,false
  • autostop - True to end slideshow after X transitions. Values: true,false
  • autostopCount - Number of transitions (optionally used with autostop to define X). Values: number
  • delay - Additional delay for first transition. Values: number in milliseconds
  • cleartypeNoBg - Set to true to disable extra cleartype fixing (leave false to force background color setting on slides). Values: true,false
  • nowrap - True to prevent slideshow from wrapping. Values: true,false
  • fastOnEvent - Force fast transitions when triggered manually. Values: number in milliseconds
  • randomizeEffects - Valid when multiple effects are used, true to make the effect sequence random. Values: true,false
  • rev - Causes animations to transition in reverse. Values: true,false
  • manualTrump - Causes manual transition to stop an active transition instead of being ignored. Values: true,false
  • requeueOnImageNotLoaded - Requeue the slideshow if any image slides are not yet loaded. Values: true,false
  • requeueTimeout - Delay for requeue. Values: number in milliseconds
  • useJoomlaArticle - Indicate that news ticker is used for loading Joomla! article. Values: true,false
  • articleSecId - Indicate IDs of sections the articles should belong to (If you have articleExcludeSection option turned on then indicate IDs of sections the articles should NOT belong to). You may enter several IDs separated with commas. Values: number
  • articleExcludeSection - If this option is on then articles related to IDs from articleSecId option will not be selected. Values: true,false
  • articleCatId - Indicate IDs of categories the articles should belong to (If you have articleExcludeCategory option turned on then indicate IDs of categories the articles should NOT belong to). You may enter several IDs separated with commas. Values: number
  • articleExcludeCategory - If this option is on then articles related to IDs from articleCatId option will not be selected. Values: true,false
  • articleCreatorId - Indicate IDs of articles creators whose articles will be selected (If you have articleExcludeCreator option turned on then indicate IDs of articles creators whose articles will NOT be selected). You may enter several IDs separated with commas. Values: number
  • articleExcludeCreator - If this option is on then articles related to IDs from articleCreatorId option will not be selected. Values: true,false
  • articleRandomize - Randomize article sorting. Values: true,false
  • articleSortField - Article sorted by. Values: created,created_by,id,introtext,fulltext,hits,modified,modified_by,ordering,title
  • articleSortDir - Article sort direction. Values: ASC,DESC
  • articleParseTag - Needs parse mambot tags in article. Values: true,false
  • articleItemCount - Number of articles to select. If 0 then all articles will be selected. Values: number