Widget:Twentytwenty: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
K |
(re-added jquery) |
||
| (17 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 2: | Zeile 2: | ||
TwentyTwenty-Image Widget | TwentyTwenty-Image Widget | ||
</noinclude> | </noinclude> | ||
| − | <includeonly> | + | <includeonly><style> |
| − | |||
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { | .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { | ||
content: " "; | content: " "; | ||
| Zeile 210: | Zeile 209: | ||
bottom: 50%; | bottom: 50%; | ||
margin-bottom: -17px; } | margin-bottom: -17px; } | ||
| − | + | </style><!-- | |
| − | + | --><div class="twentytwenty-container"> | |
| − | |||
| − | |||
<img class="Bild1" src="<!--{$Bild1|escape:'html'}-->" width="<!--{$width}-->" /> | <img class="Bild1" src="<!--{$Bild1|escape:'html'}-->" width="<!--{$width}-->" /> | ||
<img class="Bild2" src="<!--{$Bild2|escape:'html'}-->" width="<!--{$width}-->" /> | <img class="Bild2" src="<!--{$Bild2|escape:'html'}-->" width="<!--{$width}-->" /> | ||
| − | + | </div><!-- | |
| − | + | --><script src="https://www.fuerthwiki.de/wiki/resources/lib/jquery/jquery.js" type="text/javascript"></script><!-- | |
| − | + | --><script> | |
| − | + | RLQ.push(function(){ | |
| − | + | setTimeout(function(){ | |
| − | + | $.getScript( "https://www.fuerthwiki.de/wiki/resources/lib/twentytwenty/jquery.event.move.js", function( data, textStatus, jqxhr ) { | |
| − | + | $.getScript( "https://www.fuerthwiki.de/wiki/resources/lib/twentytwenty/jquery.twentytwenty.js", function( data, textStatus, jqxhr ) { | |
| − | + | $('.twentytwenty-container').twentytwenty({ | |
| − | + | no_overlay: true | |
| − | + | }); | |
| − | + | }); | |
| − | + | }); | |
| − | + | }, 100); | |
| − | + | }); | |
| − | + | </script></includeonly> | |
| − | |||
Aktuelle Version vom 29. August 2024, 15:13 Uhr
TwentyTwenty-Image Widget