I am a newbie at web designing, started learning about six months ago, I have been unemployed for few months that's when I decide learn html/css to build a site to look for work, Its moved on from that i take a lot of photography and would like to put them in a portfolio on my site, am using WordPress with custom build theme, i have upload some a demo of what i have so far can check it out, http://g-thos.com , I would like to add a section witch is powered by what i have read ajax/query, i have been looking everywhere but cant seem to find any help or tutorial in what i am trying to achieve, The effects http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/ or http://themetrust.com/demos/reveal/ this one is more smooth but they basically the same, the effects is what i am trying to achieved I haven't got any no money but any help would be grateful.

Hello and welcome to the forum

One of the links you provided IS a tutorial http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/

Have you tried that?

 

Good luck

Good morning thanks for replying, I have had a look at the code I can use it as it is and or modify the CSS as required but as am new to all this I can't figure out how to incorporate it with a custom WordPress post type so I don't have to manually update it I can just make a post post from wp backend and it update page.

No worries

If you are a beginner with Wordpress the easiest way is to use a ready plugin. This one from CodeCanyon looks good to me:

Demo: http://wdf.co/ii

Plugin: http://wdf.co/ij

Looks to me that one could be what you are looking for.

It's a paid plugin, which means you can get support, if you ever get stuck. It should come with documentation, too.

Hope that helps.

On a side note - welcome!

Thank you, Glad to be here, you guys/ladies are really friendly, thank you, I will try the plugin out, I really wanted to have it built into the theme but until I become more advance I will use the plugin for now, I hope ill be able to bring something to this forum.