Photoset-grid by stylehatch for Tumblr: how to install correctly?

[Sindre Olsson]

Hi!

I have struggled for 2 days now to try to figure this out but it wont work correctly.

I have added the script below to my theme but this is the result:

http://sindreolsson.tumblr.com/ - first post is a photoset - you see only big images and not a structure of photosets.

I have followed this:

http://buildthemes.tumblr.com/post/47574959793/responsive-tumblr-photosets-with-jquery-photoset-grid

and this:

http://stylehatch.github.io/photoset-grid/#demo-tumblr

I am in deep need for some help with this issue now before I go creazy.

{block:Photoset}

    <div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">

    {block:Photos}

    <img src="{PhotoURL-500}"

    {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}

    width="{PhotoWidth-500}" height="{PhotoHeight-500}"

    {block:Caption}alt="{Caption}"{/block:caption} />

    {/block:Photos}

    </div>

    {block:Caption}

    {Caption}

    {/block:caption}

    {/block:Photoset}

    

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    <script src="http://static.tumblr.com/wgijwsy/jgemkyt9x/jquery.photoset-grid.min.js"></script>

    <script>

    $('.photoset-grid').photosetGrid();

    </script>

[Sindre Olsson]

I have solved the problem I think; now when the page is loading you can se how the images makes a "jump into place" thing. Somebody know how to solve this? Also; I cant get the copy right even when I have specified "copy" and added it to padding; 0 25px for responsive view.