All animations always requires
the latest version of the plugin.
Click here to open the door.
The Infinite Doors animation is made of only 1 image. The scaling and the rotation creates this effect.
<style type="text/css">
#twiz-door-box {
height: 50px;
width: 50px;
display: none;
background-color: black;
opacity: 0;
filter: alpha(opacity=0);
}
#twiz-door-box img {
display: none;
opacity: 0;
filter: alpha(opacity=0);
}
#twiz-door-enter {
font-size: 34px;
}
</style>
<a href="#" id="twiz-door-enter">Click here to open the door.</a>
<div id="twiz-door-box"><img src="../wp-content/uploads/twiz-infinite-doors.png" alt="" title="" width="640" height="1024" id="twiz-door-0"/><img src="../wp-content/uploads/twiz-infinite-doors.png" alt="" title="" width="640" height="1024" id="twiz-door-1"/><img src="../wp-content/uploads/twiz-infinite-doors.png" alt="" title="" width="640" height="1024" id="twiz-door-2"/><img src="../wp-content/uploads/twiz-infinite-doors.png" alt="" title="" width="640" height="1024" id="twiz-door-3"/><img src="../wp-content/uploads/twiz-infinite-doors.png" alt="" title="" width="640" height="1024" id="twiz-door-4" /><img src="../wp-content/uploads/twiz-infinite-doors.png" alt="" title="" width="640" height="1024" id="twiz-door-5"/><img src="../wp-content/uploads/twiz-infinite-doors.png" alt="" title="" width="640" height="1024" id="twiz-door-6"/><img src="../wp-content/uploads/twiz-infinite-doors.png" alt="" title="" width="640" height="1024" id="twiz-door-7"/><img src="../wp-content/uploads/twiz-infinite-doors.png" alt="" title="" width="640" height="1024" id="twiz-door-8"/></div>
Import the twiz file under a new section. (Right-click, Save Target As/Save Link As)
free-animated-infinite-doors.twiz
Upload image via the WordPress Media Manager.
Upload JavaScripts into the Welcomizer Library.
* It’s not working on IE < 9.
Free Animated Infinite Doors
