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>