Widget:Twentytwenty: Unterschied zwischen den Versionen

Aus FürthWiki
Zur Navigation springen Zur Suche springen
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>