Widget:Twentytwenty: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Zeile 1: | Zeile 1: | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<style> | <style> | ||
Zeile 30: | Zeile 16: | ||
</style> | </style> | ||
− | <script src="//cdnjs.cloudflare.com/ajax/libs/mhayes-twentytwenty/2.0.0-beta.1/jquery.twentytwenty | + | <div class='twentytwenty-container'> |
+ | <img src='<!--{$Bild1|escape:'html'}-->' /> | ||
+ | <img src='<!--{$Bild2|escape:'html'}-->' /> | ||
+ | </div> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | $('.twentytwenty-container').twentytwenty(); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script src="//cdnjs.cloudflare.com/ajax/libs/mhayes-twentytwenty/2.0.0-beta.1/jquery.twentytwenty.js"></script> | ||
</html> | </html> |
Version vom 21. August 2017, 16:09 Uhr
<html>
<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>
<img src= /> <img src= />
<script type="text/javascript"> $(function(){
$('.twentytwenty-container').twentytwenty();
}); </script>
<script src="//cdnjs.cloudflare.com/ajax/libs/mhayes-twentytwenty/2.0.0-beta.1/jquery.twentytwenty.js"></script>
</html>