Widget:Twentytwenty: Unterschied zwischen den Versionen

Aus FürthWiki
Zur Navigation springen Zur Suche springen
K
(added jquery)
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 src="//fuerthwiki.de/wiki/resources/lib/twentytwenty/jquery.twentytwenty.min.js"></script>
 
   <script>
 
   <script>
 
   $(function(){
 
   $(function(){
 +
    alert("twentytwenty");
 
     $('.twentytwenty-container').twentytwenty();
 
     $('.twentytwenty-container').twentytwenty();
 
   });
 
   });
Zeile 27: Zeile 29:
 
   <div class="twentytwenty-container">
 
   <div class="twentytwenty-container">
 
     <img src="<!--{$Bild1}-->" />
 
     <img src="<!--{$Bild1}-->" />
     <img src="<!--{$Bild2|escape:'html'}-->" />
+
     <img src="<!--{$Bild2}-->" />
 
   </div>
 
   </div>
 
</body>
 
</body>
 
</html>
 
</html>

Version vom 21. August 2017, 20:56 Uhr

<!doctype html> <html> <head>

 <meta charset="utf-8">
 <style>
 .twentytwenty-wrapper {
   -webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
      -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
         -ms-user-select: none; /* Internet Explorer/Edge */
             user-select: none; /* Non-prefixed version, currently
                                   supported by Chrome and Opera */
 }
 .twentytwenty-overlay {
   display: none;
 }
 </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(){
   alert("twentytwenty");
   $('.twentytwenty-container').twentytwenty();
 });
 </script>

</head> <body>

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

</body> </html>