Widget:Twentytwenty: Unterschied zwischen den Versionen

Aus FürthWiki
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 11: Zeile 11:
<script type="text/javascript">
<script type="text/javascript">
$(function(){
$(function(){
   $('.twentytwenty-container').twentytwenty({
   $('.twentytwenty-container').twentytwenty();
    default_offset_pct: 0.7, // How much of the before image is visible when the page loads
    before_label: '<!--{$title1|escape:'html'}-->',
    after_label: '<!--{$title2|escape:'html'}-->',
    no_overlay: true //Do not show the overlay with before and after
  });
});
});
</script>
</script>
<style>
.twentytwenty-before-label:before {
    content: "<!--{$title1|escape:'html'}-->";
}
.twentytwenty-after-label:before {
    content: "<!--{$title2|escape:'html'}-->";
}
</style>


</html>
</html>

Version vom 13. Juni 2017, 10:28 Uhr

<html>

<img src= />
<img src= />

<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();

}); </script>

<style> .twentytwenty-before-label:before {

   content: "";

} .twentytwenty-after-label:before {

   content: "";

} </style>

</html>