Widget:Twentytwenty: Unterschied zwischen den Versionen

Aus FürthWiki

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<html>
{{#tag:html|


<div class='twentytwenty-container'>
<div class='twentytwenty-container'>
  <img src='<!--{$Bild1|escape:'html'}-->' />
  <img src='{{Bild1}}' />
  <img src='<!--{$Bild2|escape:'html'}-->' />
  <img src='{{Bild2}}-->' />
</div>
</div>


Zeile 12: Zeile 12:
$(function(){
$(function(){
   $('.twentytwenty-container').twentytwenty({
   $('.twentytwenty-container').twentytwenty({
     before_label: 'January 2017', // Set a custom before label
     before_label: '{{title1 | "Bild1" }}',
     after_label: 'March 2017', // Set a custom after label
     after_label: '{{title2 | "Bild2" }}',
   });
   });
});
});
</script>
</script>
</html>
 
}}

Version vom 13. Juni 2017, 09:13 Uhr

<html>

<img src='Vorlage:Bild1' />
<img src='Vorlage:Bild2-->' />

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/mhayes-twentytwenty/2.0.0-beta.1/jquery.twentytwenty.min.js"></script>

<script type="text/javascript"> $(function(){

 $('.twentytwenty-container').twentytwenty({
   before_label: 'Vorlage:Title1',
   after_label: 'Vorlage:Title2',
 });

}); </script>

</html>