Oberflächenadministratoren, SMW-Administratoren, SMW-Kuratoren, SMW-Editoren, Oversighter, Administratoren, Widget-Bearbeiter
1.193
Bearbeitungen
Änderungen
Widget:Twentytwenty (Quelltext anzeigen)
Version vom 22. August 2017, 16:21 Uhr
, 16:21, 22. Aug. 2017added fallback-animation if no javascript
.twentytwenty-overlay {
.twentytwenty-overlay {
display: none;
display: none;
}
.twentytwenty-container:not(.active) {
position: relative;
}
.twentytwenty-container:not(.active) img.Bild2 {
position: absolute;
left: 0;
}
@keyframes fade {
0% { opacity:0; }
100% { opacity:1; }
}
.twentytwenty-container:not(.active) img.Bild2 {
animation-name: fade;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 5s;
animation-direction: alternate;
}
}
</style>
</style>
<div class="twentytwenty-container">
<div class="twentytwenty-container">
<img src="<!--{$Bild1|escape:'html'}-->" />
<img class="Bild1" src="<!--{$Bild1|escape:'html'}-->" />
<img src="<!--{$Bild2|escape:'html'}-->" />
<img class="Bild2" src="<!--{$Bild2|escape:'html'}-->" />
</div>
</div>