Integrating Galleriffic into WordPress (13 posts)

Hey! So I have been trying for a while to integrate Galleriffic with WordPress.

It seems to work fine on its own HTML file, but as soon as I transfer it to my theme, it stops working. All I see when I preview the page is the loading gif and nothing else ever pops up.

I've read and Googled around for some possible ideas...
Put the codes in the header before the <?php wp_head(); ?> or put it after... Neither of these tips worked or had any effect.
I'm pretty new to jQuery, but I understand the basics and installing it is easy. I've used it on non-WordPress pages before it was great! I'm more of a designer and less of a hard core "code" person, so layman's terms work best. :P Thanks.
I checked the file extensions and it all seems to be fine. None of the jquery or the coding seems to out of whack. So I'm out of ideas of what could be wrong.

@everimag
This is no plugin!
And it looks like there is none.
So after i came with that site (see link below) from Drupal i had to figure out how to run the nice gallery in wordpress.

I hope i can help you... at the moment its not the best/perfect integration (like i read in wp-codex). I make "static" pages that's where i linked to. So, for me at the moment, it's not possible to make a gallery from WP-Backend!

for some possible ideas...
Put the codes in the header before the <?php wp_head(); ?> or put it after... Neither of these tips worked or had any effect.

Yes, you got it ;)
For faster page-loading put the galleriffic-calls (js) at the end of your file.
Actually I don't figure out how to use "wp_enqueue_script", so that's why I load the galleriffic-calls IN the standalone gallery-template (right, not the finest art I know :( ) so they don't load not everytime when they didn't have to...

For reference/archiv (broken down) here is how I did (with the scripts where they have to be ;) :

So I got it to work, but there's one issue that I still can't figure out. That's different from the example.

If you go to this testing page, you'll see that the padding, or whatever around the thumbnails isn't flush to the image on the top or the bottom, unlike the example. So the spacing is weird. I'm not sure why that's happening or how I can get it back to normal.

The issue I got is that I want a second row of larger thumbnails that is infact single posts. They are fetched by their category and that all works fine.

What I want is when you click the larger thumnail(the post) is that it should link to the actual post content but show up in the gallery. Makes sense?

Whan I'm done with the theme I want the user (my client) to understand how to get his posts up easily. So I have put all the info from one item, in this case it is a furniture, inside only one post. That means that I have all my pictures for the furniture and all the text inside this post.

I do however get the first post to show up inside the gallery but that is only when I call the query

if ( is_page('products')){
rewind_posts();
query_posts('cat=3&showposts=1');
include(TEMPLATEPATH . '/loopproducts.php');//This is where the gallery is
wp_reset_query(); ?>
}

But when I do this the gallery doesn't connect to my post..

If anyone has even the tinyest pice of edvice I would be forever greatful. :)