source: spip-zone/_plugins_/images_compare/modeles/imagescompare.html @ 65504

Last change on this file since 65504 was 65504, checked in by brunobergot@…, 7 years ago

ajout de images_compare, un petit plugin qui propose un modèle afin de comparer deux images à l'aide d'un slider

File size: 769 bytes
Line 
1<BOUCLE_avant(DOCUMENTS){id_document=#ENV{avant}}>
2<div class="beforeafter" style="[width: (#LARGEUR)px;][ height: (#HAUTEUR)px]">
3<img src='#URL_DOCUMENT'[ width="(#LARGEUR)"][ height="(#HAUTEUR)"] alt="[(#TITRE|texte_backend)]"[ title="(#TITRE|texte_backend)"] />
4<BOUCLE_apres(DOCUMENTS){id_document=#ENV{apres}}>
5<img src='#URL_DOCUMENT'[ width="(#LARGEUR)"][ height="(#HAUTEUR)"] alt="[(#TITRE|texte_backend)]"[ title="(#TITRE|texte_backend)"] />
6</BOUCLE_apres>
7</div>
8<script type="text/javascript">
9<!--
10(function($){
11        $(function(){
12                $.getScript('#CHEMIN{javascript/jquery.qbeforeafter.js}', function(){
13                        $('.beforeafter').qbeforeafter({defaultgap:50, leftgap:0, rightgap:0, caption: false, reveal: 0.5});
14                });
15        });
16})(jQuery);
17-->
18</script>
19</BOUCLE_avant>
Note: See TracBrowser for help on using the repository browser.