|
|
(28 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| <templatestyles src="Polaroids/styles.css" /> | | <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> |
| <div id="polaroid-gallery"><ul> | | <div id="polaroid-gallery"> |
| <li style="display: inline-block;"> [[File:Zenira headliners music hall louisville ky 20190406 223649400.jpg|thumb|none|250x250px|Caption 1]] </li> | | <DPL> |
| <li style="display: inline-block;"> [[File:Trevor marples the commodore ballroom vancouver 20190830 235312.jpg|thumb|none|250x250px|Caption 2]] </li>
| | namespace = File |
| <li style="display: inline-block;"> [[File:Yvonne crowley the observatory los angeles mvimg 20190503 212712 2.jpg|thumb|none|250x250px|Caption 3]] </li>
| | category = Polaroids |
| <li style="display: inline-block;"> [[File:Yvonne crowley the observatory los angeles img 20190503 213507 2.jpg|thumb|none|250x250px|Caption 4]] </li>
| | format = ,\n* [[File:%TITLE%|600x600px|thumb|%TITLE%]],, |
| <li style="display: inline-block;"> [[File:Trevor marples the commodore ballroom vancouver 20190830 23021522.jpg|thumb|none|250x250px|Caption 5]] </li>
| | count = 1000 |
| <li style="display: inline-block;"> [[File:Trevor marples the commodore ballroom vancouver 20190830 234741.jpg|thumb|none|250x250px|Caption 6]] </li>
| | </DPL> |
| <li style="display: inline-block;"> [[File:Trevor marples the commodore ballroom vancouver 20190830 233249.jpg|thumb|none|250x250px|Caption 7]] </li>
| | </div> |
| <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 22: |
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 37: |
Line 33: |
| </head> | | </head> |
| </html> | | </html> |
| | __NOTOC__ |