This is intended for Tumblr theme hackers who want photosets to be full-width at larger widths than 500px (the current maximum).
If you're as anal as me (read: a designer) then you don't like Tumblr's janky 500 pixel maximum width messing with your grid system. Everything else can be hacked to fit your pixel-perfect theme, so why not the all-singing-all-dancing photoset? Widthy does this with elegance and limited markup (no more hacky iframes), and is totally dynamic in terms of layout. Oh and it works with lightbox.
- Ensure you have the latest version of jquery, by including the following code between the
<head></head>tags.
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- Beneath jquery, include the the Widthy.js file:
<!-- Widthy 0.1 -->
<script type="text/javascript" src="https://raw.github.com/fredsterss/Widthy/master/js/widthy-0.1.js"></script>
- And some basic css to make it look pretty and give the images margins:
<link rel="stylesheet" href="https://raw.github.com/fredsterss/Widthy/master/css/photoset.css">
-
Then, update the photoset block in your theme to be the same as the Widthy photoset template.
-
Profit.
@fredsters_s