No edit summary |
No edit summary |
||
(34 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<templatestyles src="Polaroids/styles.css" /> | |||
<h1 style="text-align: center;">Lost Boy's Polaroids</h1> | |||
<div id="polaroid-intro" style="text-align: center;"> | |||
four quartets and no regrets... <br /> | |||
except for the polaroids i left.... | |||
</div> | |||
<div id="polaroid-gallery"> | |||
<DPL> | |||
namespace = File | |||
category = Polaroids | |||
format = ,\n* [[File:%TITLE%|600x600px|thumb|%TITLE%]],, | |||
count = 1000 | |||
</DPL> | |||
</div> | |||
<html> | <html> | ||
<head> | <head> | ||
<script> | <script> | ||
var ul = document.querySelector('ul'); | var ul = document.querySelector('#polaroid-gallery ul'); | ||
for (var i = ul.children.length; i >= 0; i--) { | for (var i = ul.children.length; i >= 0; i--) { | ||
ul.appendChild(ul.children[Math.random() * i | 0]); | ul.appendChild(ul.children[Math.random() * i | 0]); | ||
} | } | ||
</script> | </script> | ||
<script> | <script> | ||
$(".thumb | $(".thumb").each( function() { | ||
var rNum = (Math.random()*6)-3; | var rNum = (Math.random()*6)-3; | ||
$(this).css( { | $(this).css( { | ||
' | 'transform': 'rotate('+rNum+'6deg)', | ||
' | 'position': 'relative', | ||
' | 'z-index': '1' | ||
} ); | } ); | ||
} ); | } ); | ||
Line 20: | Line 33: | ||
</head> | </head> | ||
</html> | </html> | ||
__NOTOC__ | |||
Latest revision as of 23:10, 15 May 2024
Lost Boy's Polaroids
four quartets and no regrets...
except for the polaroids i left....