Full Width Photosets for Tumblr (with working lightbox).
CSS
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js
README.md
photoset-template.html

README.md

Widthy:
Full Width Photosets for Tumblr

Purpose

This is intended for Tumblr theme hackers who want photosets to be full-width at larger widths than 500px (the current maximum).

Why?

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.

Installation

  • 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">

Problems, adoration, fails etc.

@fredsters_s