Lot spip, Vol 412, Parution 6

Général
1

bonjour
je souhaite utiliser### Owl Carousel sur squelette jabibas est il possible d’avoir la manipulation a faire le code a mettre ? , dans quelle fichier ? pour que le slider de mes article qui sont a la une sois automatique

2

Bonjour,

Ca existe en plugin ici :
https://contrib.spip.net/Owl-Carousel-2

3

et en plus il est « touch and drag » ce qui est trés bien pour les mobiles

4

Merci pour la réponse j’ai bien installer le plugin mais je cherche le code a mettre dans mon sommaire HTML pour qu’il me déffile les article automatiquement comme sur site
http://www.judge-fredd.fr

Mon code de la page :

[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
]

[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)] []

<INCLURE{fond=inclure/nav,env}{home=oui} />

<B_articles_une>

#ANCRE_PAGINATION

    <BOUCLE_articles_une(ARTICLES) {!par date} {pagination 1}{0,3}{doublons}>

  • [(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE}|image_passe_partout{460,240}|image_recadre{460,240,top})]

    #TITRE

    [
    (#INTRODUCTION|couper{200,...}) <:lire_la_suite:> →
    ]
    D [(#DATE|affdate)]     A #LESAUTEURS     [ C (#TOTAL_BOUCLE)] <:messages:>
[

(#PAGINATION|{page})

]

<B_articles_recents>

#ANCRE_PAGINATION

  • #TITRE

    [(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE}|inserer_attribut{class, 'spip_logos_right'})] [
    (#INTRODUCTION|couper{180,...})
    ] <:lire_la_suite:> →
    D [(#DATE|affdate)]     A #LESAUTEURS     [ C (#TOTAL_BOUCLE)] <:messages:>
[

(#PAGINATION|{page})

]

<INCLURE{fond=inclure/footer,self=#SELF} />

5

Salut, par chance son site est aussi en spip et il utilise aussi owl, tu peux donc allez voir la source de cette page view-source:http://www.judge-fredd.fr/squelettes/sommaire.html

cordialement

6

bonjour merci pour la réponse j’ai pas réussi a faire fonctionner le code. il est trot compliqué a décortiquer je le comprend pas bien impossible de le mettre en place

7

Part de l’exemple fournit par owl ajoute-y tes boucles spip petit à petit.
https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html

8

Bonsoir je n’arrive pas j’ai suivi la documentation et ça donne rien

9

mets ce fichier dans ton dossier squelettes, sous répertoire inclure

tu n’as qu’à arranger le css du texte à ta convenance

dans ton sommaire met

#INCLURE{fond=inclure/testslider}

testslider.html (4.89 KB)