jquery - onclick : show the image

Question

I want to display full screen of a image when i click on thumbnail of it.

Images are hardcoded using IMG tag and having class .imagethumb

Images are displayed as thumbnail and when I click on the thumb it should display in a div called #preview , inside #preview I have a IMG tag to display the full screen of clicked image.

How can I achieve it in jquery ?

Answer 1

您应该尝试使用Simplemodal或Fancybox。

Answer 2

This should do the trick:

$('.imagethumb').click(function()
{
    $('#preview').find('img').attr('src', $(this).attr('src'));
});

Once any of your thumbnails with the class .imagethumb are clicked, the src attribute of the img element inside your #preview div is set to the src element of the (clicked) thumbnail.