Widget:Twentytwenty: Unterschied zwischen den Versionen

K
keine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 2: Zeile 2:
TwentyTwenty-Image Widget
TwentyTwenty-Image Widget
</noinclude>
</noinclude>
<includeonly>
<includeonly><style>
  <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>
</style>
 
<p><div class="twentytwenty-container">
  <p>
  <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>
</div></p>
  </p>
<script>
 
  <script>
     RLQ.push(function(){
     RLQ.push(function(){
       $(function(){  
       $(function(){  
Zeile 231: Zeile 226:
       });
       });
     });
     });
  </script></includeonly>
</script></includeonly>