Widget:Twentytwenty: Unterschied zwischen den Versionen

load jquery-plugin asyncronous
KKeine Bearbeitungszusammenfassung
(load jquery-plugin asyncronous)
Zeile 1: Zeile 1:
<!doctype html>
<noinclude>__NOTOC__
<html>
TwentyTwenty-Image Widget
<head>
</noinclude>
  <meta charset="utf-8">
<includeonly>
   <style>
   <style>
   .twentytwenty-wrapper {
   .twentytwenty-wrapper {
Zeile 17: Zeile 17:
   }
   }
   </style>
   </style>
<!--  <script src="//fuerthwiki.de/wiki/resources/lib/jquery/jquery.js"></script> -->
 
<!--  <script src="//fuerthwiki.de/wiki/resources/lib/twentytwenty/jquery.twentytwenty.min.js"></script> -->
  <script>
  $(function(){
    $('.twentytwenty-container').twentytwenty();
  });
  </script>
</head>
<body>
   <div class="twentytwenty-container">
   <div class="twentytwenty-container">
     <img src="<!--{$Bild1}-->" />
     <img src="<!--{$Bild1}-->" />
     <img src="<!--{$Bild2}-->" />
     <img src="<!--{$Bild2}-->" />
   </div>
   </div>
</body>
 
</html>
  <script>
    RLQ.push(function(){
      $(function(){
        $.getScript( "https://fuerthwiki.de/wiki/resources/lib/twentytwenty/jquery.twentytwenty.min.js", function( data, textStatus, jqxhr ) {
          console.log("initializing ImageSlider");
          $('.twentytwenty-container').twentytwenty();
        });
      });
    });
  </script>
</includeonly>