Template:Polaroids: Difference between revisions

Template page
No edit summary
No edit summary
 
(30 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;">
<div id="polaroid-intro" style="text-align: center;">
four quartets and no regrets... <br />
four quartets and no regrets... <br />
except for the polaroids i left...
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>
</div>
<div id="polaroid-gallery"><ul>
<li style="display: inline-block;"> [[File:Zenira headliners music hall louisville ky 20190406 223649400.jpg|thumb|none|250x250px|Caption 1]] </li>
<li style="display: inline-block;"> [[File:Trevor marples the commodore ballroom vancouver 20190830 235312.jpg|thumb|none|250x250px|Caption 2]] </li>
<li style="display: inline-block;"> [[File:Yvonne crowley the observatory los angeles mvimg 20190503 212712 2.jpg|thumb|none|250x250px|Caption 3]] </li>
<li style="display: inline-block;"> [[File:Yvonne crowley the observatory los angeles img 20190503 213507 2.jpg|thumb|none|250x250px|Caption 4]] </li>
<li style="display: inline-block;"> [[File:Trevor marples the commodore ballroom vancouver 20190830 23021522.jpg|thumb|none|250x250px|Caption 5]] </li>
<li style="display: inline-block;"> [[File:Trevor marples the commodore ballroom vancouver 20190830 234741.jpg|thumb|none|250x250px|Caption 6]] </li>
<li style="display: inline-block;"> [[File:Trevor marples the commodore ballroom vancouver 20190830 233249.jpg|thumb|none|250x250px|Caption 7]] </li>
<li style="display: inline-block;"> [[File:Trevor marples the commodore ballroom vancouver 20190830 232855.jpg|thumb|none|250x250px|Caption 8]] </li>
</ul></div>
<html>
<html>
<head>
<head>
Line 21: Line 21:
}
}
</script>
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
<script>
$("div.thumb.tnone").each( function() {
$(".thumb").each( function() {
   var rNum = (Math.random()*6)-3;   
   var rNum = (Math.random()*6)-3;   
   $(this).css( {   
   $(this).css( {   
    '-webkit-transform': 'rotate('+rNum+'6deg)',
    '-moz-transform': 'rotate('+rNum+'6deg)',
     'transform': 'rotate('+rNum+'6deg)',
     'transform': 'rotate('+rNum+'6deg)',
     'position': 'relative',
     'position': 'relative',
Line 36: Line 33:
</head>
</head>
</html>
</html>
__NOTOC__

Latest revision as of 22:10, 15 May 2024

Lost Boy's Polaroids

four quartets and no regrets...
except for the polaroids i left....