Line 257: | Line 257: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div id="transform" data-4000=" | + | <div id="transform" data-4000="opacity:0;" data-4200="opacity:1;" data-4800="" data-5000="opacity:0;"> |
− | <img src="./ | + | <div class="tiny" style="width:20%;margin-left:-17%"> |
− | </div> | + | <img src="./wood2.jpg" style="width:100%;"> |
+ | </div> | ||
+ | <div class="tiny" style="width:20%;margin-left:-17%;margin-top:20%;"> | ||
+ | <img src="./wood2.jpg" style="width:100%;"> | ||
+ | </div> | ||
+ | <div class="tiny" style="width:20%;margin-left:95%;margin-top:-48%;"> | ||
+ | <img src="./wood2.jpg" style="width:100%;"> | ||
+ | </div> | ||
+ | <div class="tiny" style="width:20%;margin-left:95%;margin-top:-19%;"> | ||
+ | <img src="./wood2.jpg" style="width:100%;"> | ||
+ | </div> | ||
<div id="transform" data-3700="transform:scale(0) rotate(0deg);" data-4200="transform:scale(1) rotate(1440deg);opacity:1;" data-4800="" data-5300="transform:scale(0) rotate(3240deg);opacity:0;top:10%"> | <div id="transform" data-3700="transform:scale(0) rotate(0deg);" data-4200="transform:scale(1) rotate(1440deg);opacity:1;" data-4800="" data-5300="transform:scale(0) rotate(3240deg);opacity:0;top:10%"> | ||
<img src="./wood.jpg" style="width:80%;"> | <img src="./wood.jpg" style="width:80%;"> | ||
Line 275: | Line 285: | ||
} | } | ||
}); | }); | ||
+ | $('.tiny').click(function(){ | ||
+ | |||
+ | var origin=document.getElementById('huge').innerHTML; | ||
+ | document.getElementById('huge').innerHTML=this.innerHTML; | ||
+ | this.innerHTML=origin; | ||
+ | }); | ||
</script> | </script> | ||
Revision as of 15:05, 15 October 2016