Forums

gkilian

Hello all,

I'm developing for a client - a site that posts cars that he's selling. The requirement is that it must be made in WordPress. The design is mocked up so that the single post page has a gallery with a large image and 3 thumbs underneath that replace the image on top when pressed.

See example here.
http://gregkilian.com/petrosstam/galleryexample.jpg

What do you think would be the best way to accomplish this?

Sirlon

There are several Plugins out there maybe one fit.

If not:

the gallery images must link to the file


JQuery(document).ready(function($){
		$('.gallery').before('<div class="big-img-class"><img src="'+$('.gallery a').attr('href')+'" alt="Gallery image" /></div>');
		$('.gallery a').click(function(){
        	$('big-img-class img').attr('src',$(this).attr('href'));
            return false;
	 	});
});

Not testet.

Thats a basic script.

sirlon

gkilian

@ Sirlon
Thanks a lot for your help. Do you have a link to any of those plug-ins.

Keyamoon

I wish there was a way to customize wp's gallery shortcode without hacking... I don't think there's a plugin that can do exactly what you want. So, I suggest you to write your own custom shortcode.

treehouse : what would you like to learn today?

Forums

Best way to achieve this gallery in Wordpress