Hello Everyone..! This tutorial is all about how to make a simple lightbox using Jquery which can be used to display images or contenet in your own website or page.
So the basic procedure or process is
1. We store the source of image in a variable called 'x' which is clicked through $(this).attr('src');
2. We have a div element with id #lightbox and element <img > in it. We replace this source with the variable in step 1.
3. And finally we show the lightbox element which was hidden.
Thats it!!!
Here is the video tutorial..
So the basic procedure or process is
1. We store the source of image in a variable called 'x' which is clicked through $(this).attr('src');
2. We have a div element with id #lightbox and element <img > in it. We replace this source with the variable in step 1.
3. And finally we show the lightbox element which was hidden.
Thats it!!!
Here is the video tutorial..
Sign up here with your email
ConversionConversion EmoticonEmoticon