source: trunk/spip/esqueleto-redcta/plugins/magusine/squelettes/blocs/galeries/diaporama-rubrique.html @ 769

<B_lesimagesliste><link href='#CHEMIN{themes/#THEME/addfiles/diaporama.css}' rel='stylesheet' type='text/css' />
<style type="text/css">
#slideShow
{
        width: [(#ENV{conteneur}|=={1}|?{'[(#LARGEUR_CONTEXTE1|moins{6})]',''})][(#ENV{conteneur}|=={2}|?{'[(#LARGEUR_CONTEXTE2|moins{6})]',''})][(#ENV{conteneur}|=={3}|?{'#LARGEUR_CORPS',''})]px;
        height: #ENV{parametre}px;
}
</style>
<script type="text/javascript" src="#CHEMIN{javascript/interface.js}"></script>
<script type="text/javascript">
$(document).ready(function(){
  $.slideshow(
        {
                container : 'slideShow',
                loader: '#CHEMIN{themes/#THEME/addfiles/images/slideshow_loader.gif}',
                linksPosition: 'bottom',
                linksClass: 'pagelinks',
                linksSeparator : ' &nbsp; ',
                fadeDuration : 400,
                activeLinkClass: 'activeSlide',
                nextslideClass: 'nextSlide',
                prevslideClass: 'prevSlide',
                captionPosition: 'bottom',
                captionClass: 'slideCaption',
                autoplay: 5,
                images : [
                <BOUCLE_lesimagesliste(DOCUMENTS){id_rubrique}{extension==png|gif|jpg}{par num titre}>
                        {
                                src: '[(#FICHIER||image_reduire{[(#ENV{conteneur}|=={1}|?{[(#LARGEUR_CONTEXTE1|moins{8})],''})][(#ENV{conteneur}|=={2}|?{[(#LARGEUR_CONTEXTE2|moins{8})],''})][(#ENV{conteneur}|=={3}|?{[(#LARGEUR_CORPS|moins{10})],''})]|,#ENV{parametre}}|extraire_attribut{src})]',
                                caption: '[(#TITRE|texte_script)]'
                        },
                </BOUCLE_lesimagesliste>
                ]
        }
  )
});
</script>
<div id="cadre-slideshow">
<div id="slideShow">

</div></div>
</B_lesimagesliste>