Browse Source

Ajout d'un exemple de noisette/modele listant les articles d'une rubrique sous forme de carousel

<INCLURE{fond=noisettes/owlcarousel-rubrique_articles,id_rubrique=XX,env,ajax} />

+ parametres du carousel habituels documentés

+z
svn/root/tags/v1.0.21
arnaud.berard@mister-graphx.com 4 years ago
parent
commit
2ad0ed07f8
  1. 70
      noisettes/owlcarousel-rubrique_articles.html
  2. 2
      paquet.xml

70
noisettes/owlcarousel-rubrique_articles.html

@ -0,0 +1,70 @@
[(#REM)<!-- # Owl Rubrique Articles
Liste d'articles d'une rubrique sous forme de carousel
Usage:
```html
<INCLURE{fond=noisettes/owlcarousel-rubrique_articles,id_rubrique=7,env,ajax} />
```
@param id_rubrique - id de la brubrique a afficher
@param css -
@param tri -
@param navigation -
@param autoplay -
@param autoplayHoverPause -
@param lazyLoad -
-->]
#SET{container,#ENV{container,}}
<BOUCLE_kelRub(RUBRIQUES){id_rubrique=#ENV{id_rubrique}}>
#SET{id_owl,#ENV{id-carousel,owl-rub-art-#ID_RUBRIQUE}}
<div class="#GET{container}">
[<h2>(#TITRE)</h2>]
<B_listArticles>
<div[ id="(#GET{id_owl})" ]class="rubrique owl-carousel owl-theme[ (#ENV{css}|attribut_html)]">
<BOUCLE_listArticles(ARTICLES){id_rubrique}{par #ENV{tri}}>
<article class="contenu">
[<div class="contenu-thumbnail">(#LOGO_ARTICLE)</div>]
<div class="contenu-content">
<h2 class="title[ (#EDIT{titre})]">[(#TITRE)]</h2>
[<div class="descriptif">(#DESCRIPTIF)</div>]
<a href="#URL_ARTICLE" class="btn">#TITRE</a>
</div>
</article>
</BOUCLE_listArticles>
</div>
</B_listArticles>
</div>
<script>
jQuery(function($){
$("[#(#GET{id_owl})]").owlCarousel({
loop:true,[
items: (#ENV{items, 1}),][
margin:(#ENV{margin}),][
dots:(#ENV{dots, true}),][
nav:(#ENV{navigation, false}),][
autoplay: (#ENV{autoplay}),][
autoplayHoverPause: (#ENV{autoplayHoverPause}),][
lazyLoad: (#ENV{lazyLoad}),][
animateIn:'(#ENV{animateIn})',][
animateOut:'(#ENV{animateOut})',][
autoplayTimeout: (#ENV{autoplayTimeout}),][
autoHeight: (#ENV{autoHeight}),][
URLhashListener:(#ENV{URLhashListener}),
startPosition: 'URLHash',]
navText : ["<:owlcarousel:prec:>","<:owlcarousel:suiv:>"],
responsive:{
0:{
items:1
}[,
640:{
items:(#ENV{items})
}]
}
});
});
</script>
</BOUCLE_kelRub>

2
paquet.xml

@ -1,7 +1,7 @@
<paquet
prefix="owlcarousel"
categorie="multimedia"
version="1.0.16"
version="1.0.17"
schema="0.0.1"
etat="test"
compatibilite="[3.0.5;3.2.*]"

Loading…
Cancel
Save