Widget:Twentytwenty: Unterschied zwischen den Versionen

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

Version vom 22. August 2017, 11:15 Uhr

TwentyTwenty-Image Widget