Dione ComboSlider PDF Print E-mail
Written by Administrator   
Thursday, 22 April 2010 20:43

Live demo

Mode 1 - Art Sliding

Code:
 {dionecomboslider parameters="viewingMode: 'artViewing'"}
  {slide content="<img src='plugins/content/dionecomboslider/demo-images/grapes.jpg'/>"}
  {slide content="<img src='plugins/content/dionecomboslider/demo-images/peaches.jpg'/>"}
  {slide content="<img src='plugins/content/dionecomboslider/demo-images/strawberries.jpg'/>"}
  {slide content="<img src='plugins/content/dionecomboslider/demo-images/watermelon.jpg'/>"}
 {/dionecomboslider}



Mode 2 - Basic Sliding

Code:
 {dionecomboslider parameters="viewingMode: 'basicViewing', numeric: 'true', auto: 'true', continuous: 'true', sliderWidth: '450px', sliderHeight: '180px'"}
  {slide content="<img src='plugins/content/dionecomboslider/demo-images/joomla_site.jpg'/>"}
  {slide content="><img src='plugins/content/dionecomboslider/demo-images/magento_site.jpg'/>"}
  {slide content="<img src='plugins/content/dionecomboslider/demo-images/drupal_site.jpg'/>"}
  {slide content="<img src='plugins/content/dionecomboslider/demo-images/wp_site.jpg'/>"}
 {/dionecomboslider}




Mode 3 - Expanded Sliding

Code:
 {dionecomboslider parameters="viewingMode: 'expandedViewing', exSliderWidth: '650px'"}
  {slide content="Your first slide<br/><img src='plugins/content/dionecomboslider/demo-images/joomla_site.jpg'/>"}
  {slide content="Your second slide<br/><img src='plugins/content/dionecomboslider/demo-images/magento_site.jpg'/>"}
  {slide content="Your third slide<br/><img src='plugins/content/dionecomboslider/demo-images/drupal_site.jpg'/>"}
  {slide content="Your fourth slide<br/><img src='plugins/content/dionecomboslider/demo-images/wp_site.jpg'/>"}
 {/dionecomboslider}


  • Your first slide


  • Your second slide


  • Your third slide


  • Your fourth slide




Last Updated on Tuesday, 04 October 2011 08:41
 
Valid XHTML & CSS | Copyright © 2010-2012 by Dione Soft Company