Widget:Twentytwenty: Unterschied zwischen den Versionen

Version vom 21. August 2017, 19:22 Uhr

<!doctype html> <html lang="en"> <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="https://fuerthwiki.de/wiki/resources/lib/twentytwenty/jquery.twentytwenty.min.js"></script>
 <script>
 $(function(){
   console.log("twentytwenty");
   $('.twentytwenty-container').twentytwenty();
 });
 </script>

</head> <body>

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

</body> </html>

@@ Zeile 1: / Zeile 1: @@
-<html>
+<!doctype html>
+<html lang="en">
-<style>
+<head>
-.twentytwenty-wrapper {
+  <meta charset="utf-8">
-  -webkit-touch-callout: none; /* iOS Safari */
+  <style>
-    -webkit-user-select: none; /* Safari */
+  .twentytwenty-wrapper {
-     -khtml-user-select: none; /* Konqueror HTML */
+    -webkit-touch-callout: none; /* iOS Safari */
-       -moz-user-select: none; /* Firefox */
+      -webkit-user-select: none; /* Safari */
-        -ms-user-select: none; /* Internet Explorer/Edge */
+       -khtml-user-select: none; /* Konqueror HTML */
-            user-select: none; /* Non-prefixed version, currently
+         -moz-user-select: none; /* Firefox */
-                                  supported by Chrome and Opera */
+          -ms-user-select: none; /* Internet Explorer/Edge */
-}
+              user-select: none; /* Non-prefixed version, currently
-.twentytwenty-overlay {
+                                    supported by Chrome and Opera */
+  }
+  .twentytwenty-overlay {
      display: none;
-}
+  }
-</style>
+  </style>
+  <script src="https://fuerthwiki.de/wiki/resources/lib/twentytwenty/jquery.twentytwenty.min.js"></script>
-<div class='twentytwenty-container'>
+  <script>
- <img src='<!--{$Bild1|escape:'html'}-->' />
+  $(function(){
- <img src='<!--{$Bild2|escape:'html'}-->' />
+    console.log("twentytwenty");
-</div>
+    $('.twentytwenty-container').twentytwenty();
+  });
-<!-- <script src="https://fuerthwiki.de/wiki/resources/lib/twentytwenty/jquery.twentytwenty.min.js"></script> -->
+  </script>
+</head>
-<!--<script type="text/javascript">
+<body>
-/*
+  <div class='twentytwenty-container'>
-mw.loader.load("https://fuerthwiki.de/wiki/resources/lib/twentytwenty/jquery.twentytwenty.min.js");
+    <img src='<!--{$Bild1|escape:'html'}-->' />
-$(function(){
+    <img src='<!--{$Bild2|escape:'html'}-->' />
-  console.log("twentytwenty");
+  </div>
-  $('.twentytwenty-container').twentytwenty();
+</body>
-});
-*/
-</script>-->
 </html>