Browse Source

Suite a https://contrib.spip.net/Owl-Carousel-2#forum498254

On utilise la mediabox de spip, plutot qu'un appel a colorbox dans le modèle.
On profite ainsi de la configuration de mediabox
On ajoute le champ title sur le lien pour avoir le Titre du document en légende

Correction sur le formulaire de config 

+z
svn/root/tags/v1.0.21
arnaud.berard@mister-graphx.com 4 years ago
parent
commit
accbafdb49
  1. 4
      formulaires/configurer_owlcarousel.html
  2. 7
      modeles/article_owl.html
  3. 6
      noisettes/owlcarousel-objet-portfolio.html
  4. 2
      paquet.xml

4
formulaires/configurer_owlcarousel.html

@ -11,7 +11,7 @@
<div class="editer-groupe">
<div class="editer editer_css editer_radio">
<label for="css"><:owlcarousel:cfg_label_css:></label>
<h2 class="legend"><:owlcarousel:cfg_label_css:></h2>
<p class="explication"><:owlcarousel:cfg_explication_css:></p>
<div class="choix">
<input type="checkbox" name="css" class="checkbox" value='on' id='cssn'[(#ENV{css}|oui)checked="checked" ]/>
@ -23,7 +23,7 @@
</div>
<div class="editer-groupe">
<div class="editer editer_header_prive editer_radio">
<label for="lazy_class"><:owlcarousel:cfg_label_header_prive:></label>
<h2 class="legend"><:owlcarousel:cfg_label_header_prive:></h2>
<p class="explication"><:owlcarousel:cfg_explication_header_prive:></p>
<div class="choix">
<input type="checkbox" name="header_prive" class="checkbox" value='on' id='header_prive'[(#ENV{header_prive}|oui)checked="checked" ]/>

7
modeles/article_owl.html

@ -46,7 +46,7 @@ Insertion du modele <articleX|owl>
<div class="caption[ (#ENV{caption_css})]">[
<h3 class="title">(#TITRE)</h3>][
<p class="hidden-phone">(#DESCRIPTIF|textebrut)</p>]</div>]
<a href="#FICHIER" class="js-colorbox"[ rel="diaporama(#ENV{id-carousel,demo})"]>
<a href="#FICHIER" class="mediabox"[ rel="diaporama(#ENV{id-carousel,demo})"][ title="(#TITRE|attribut_html|couper{80})"]>
<img [(#ENV{lazyLoad}|=={true}|oui)class="owl-lazy" data-]src="[(#FICHIER|image_reduire{650,450}|extraire_attribut{src})]" alt="[(#TITRE|textebrut)]">
</a>
</div>
@ -80,10 +80,5 @@ jQuery(function($){
}]
}
});
// Gallerie Colorbox
$("a.js-colorbox").colorbox({
rel:'diaporama#ENV{id-carousel,demo}',
});
});
</script>

6
noisettes/owlcarousel-objet-portfolio.html

@ -79,7 +79,7 @@ Usage:
<div class="owl-slide" data-hash="[(#GET{id-carousel})]_#ID_DOCUMENT">
[(#ENV{caption,oui}|=={oui}|oui)
<div class="caption[ (#ENV{caption_css})]">[<h3 class="title">(#TITRE)</h3>][<p class="hidden-phone">(#DESCRIPTIF|textebrut)</p>]</div>]
<a href="#FICHIER" class="js-colorbox" rel="diaporama">
<a href="#FICHIER" class="mediabox" rel="diaporama"[ title="(#TITRE|attribut_html|couper{80})"]>
<img [(#ENV{lazyLoad}|=={true}|oui)class="owl-lazy" data-]src="[(#FICHIER|image_reduire{600,400}|extraire_attribut{src})]" alt="[(#TITRE|textebrut)]">
</a>
</div>
@ -143,9 +143,5 @@ jQuery(function($){
responsive: #ENV*{thumbnails_responsive, false}
});
// Gallerie Colorbox
$("a.js-colorbox").colorbox({
rel:'diaporama',
});
});
</script>

2
paquet.xml

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

Loading…
Cancel
Save