www/plugins/auto/anythingslider/contenu/page-demoanythingslider.html

   1 <B_liste_articles>
   2 <div class="liste anythingslider articles">
   3         <h2 class="h2">Démo AnythingSlider</h2>
   4         <ul id="slider1">
   5         <BOUCLE_liste_articles(ARTICLES){!par date}{0,10}>
   6         <li class="item hentry" style="width:100%;">
   7                 <h3 class="h3 entry-title"><a href="#URL_ARTICLE" rel="bookmark">
   8                         [(#LOGO_ARTICLE||image_reduire{150})]<span>#TITRE</span>
   9                 </a></h3>
  10                 [<div class="info-publi"><abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</abbr></div>]
  11                 [<div class="introduction entry-content">(#INTRODUCTION)</div>]
  12                 <div class="meta-publi">
  13                         <a class="lire-la-suite" href="#URL_ARTICLE"><:zpip:lire_la_suite:><span class="lire-la-suite-titre"><:zpip:lire_la_suite_de:> <em>#TITRE</em></span></a>
  14                 </div>
  15         </li>
  16         </BOUCLE_liste_articles>
  17         </ul>
  18 </div>
  19 <script type="text/javascript">// <![CDATA[
  20         $(document).ready(function(){
  21                 $('#slider1').anythingSlider({
  22                         expand: false,
  23                         resizeContents: false,
  24                         startText : "Start",
  25                         stopText : "Stop",
  26                         theme : 'simple', // Si la CSS du thème n'a pas été activée dans le formulaire de config, le thème par défaut sera utilisé.
  27                         buildArrows: true,
  28                         buildNavigation: true,
  29                         buildStartStop: false,
  30                         toggleControls: false,
  31                         startStopped: false,
  32                         delay : 2000
  33                 });
  34         });
  35  //]]></script>
  36 </B_liste_articles>