Template:Polaroids: Difference between revisions

Template page
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.thumbinner").each( function() {
$("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>
<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>

Revision as of 18:36, 25 March 2022

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