JQuery image gallery plugin that shows images in three sizes?

You could use a plugin like Galleriffic or Galleria to set up the first 2 levels... thumbnail and larger image... and you could override the functionality of clicking the image to make it display larger instead of going to the next image For a nice pop-up effect to enlarge the picture when clicking on it, you could use take a look at this plugin Just look at the source code and switch some things around. I'm sure with a little bit of playing around, you can achieve the functionality you're looking for. If not, post back and someone will be able to come up with a better answer I hope this helps.

You could use a plugin like Galleriffic or Galleria to set up the first 2 levels... thumbnail and larger image... and you could override the functionality of clicking the image to make it display larger instead of going to the next image. For a nice pop-up effect to enlarge the picture when clicking on it, you could use take a look at this plugin. Just look at the source code and switch some things around.

I'm sure with a little bit of playing around, you can achieve the functionality you're looking for. If not, post back and someone will be able to come up with a better answer. I hope this helps.

As I promised in my previous article, here is the tutorial on creating a gallery out of the custom sized images. As a bonus you’ll learn how to create a basic jQuery plugin to present the larger sized image of the thumbnail in a more appealing way. If you did not read my previous article about custom image sizes, please read it so it will be easier to understand this tutorial.

Depending on your theme’s layout, and what grid system it uses, you can decide on different image sizes for thumbnails. I will use a 940 pixel wide, 2 column layout (8/4 ratio) as an example, where the content will be 620 pixels and the sidebar 300 pixels with a 20 pixel left margin. The content area and the sidebar area will have inner padding of 20 pixels.

Now a little math: content is 620px wide with padding of 20px, leaving 580px for thumbnails; and displaying 5 thumbnails per line, each having a right margin of 10px so they are not stuck together; 5th image in each line will not have a right margin; thumbnails will be 108px in width and height, and cropped. The larger sized image will be maximum of 660px wide and 660px tall, they will be resized proportionally without cropping. You can choose whatever sizes fit your layout, if you decide to change sizes they can be easily regenerated (see previous post on how to do it), and they don’t have to be square shaped.

Edit the functions. Still in functions.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions