No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<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"><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> | ||
<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]); | ||
| Line 9: | Line 23: | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | ||
<script> | <script> | ||
$("div. | $("div.thumb.tnone").each( function() { | ||
var rNum = (Math.random()*6)-3; | var rNum = (Math.random()*6)-3; | ||
$(this).css( { | $(this).css( { | ||
| Line 20: | Line 34: | ||
</head> | </head> | ||
</html> | </html> | ||
