Widget:Twentytwenty: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Zeile 1: | Zeile 1: | ||
− | <html> | + | <!doctype html> |
− | + | <html lang="en"> | |
− | <style> | + | <head> |
− | .twentytwenty-wrapper { | + | <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 |
− | .twentytwenty-overlay { | + | supported by Chrome and Opera */ |
+ | } | ||
+ | .twentytwenty-overlay { | ||
display: none; | display: none; | ||
− | } | + | } |
− | </style> | + | </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> | |
− | + | <div class='twentytwenty-container'> | |
− | + | <img src='<!--{$Bild1|escape:'html'}-->' /> | |
− | $(function(){ | + | <img src='<!--{$Bild2|escape:'html'}-->' /> |
− | + | </div> | |
− | + | </body> | |
− | }); | ||
− | |||
− | </ | ||
− | |||
</html> | </html> |
Version vom 21. August 2017, 20: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>