Scroll page back to the top

ssdLight : Simple Lightbox with jQuery

ssdLight : Simple Lightbox with jQuery

In this series we will create a lightbox with jQuery called ssdLight. Lightbox allows us to show the large image with the background of the page faded out. Our finished product is called ssdLight and is compatible with all major browsers.

Time: 61:46 min

Sebastian Sulinski on 3rd Oct 2011

Download Exercise FilesDemo
 
 
Watch now!

Gallery structure (03:45 min)

 
Watch now!

Stylesheet (05:28 min)

 
Watch now!

Styling lightbox (06:32 min)

 
Watch now!

ssdLight object (07:19 min)

 
Watch now!

liveClose method (04:01 min)

 
Watch now!

JavaScript Image Object (04:51 min)

 
Watch now!

Resize method (02:09 min)

 
Watch now!

Paging method (04:16 min)

 
Watch now!

Show lightbox (04:38 min)

 
Watch now!

Show title (02:51 min)

 
Watch now!

Bindings and position methods (04:55 min)

 
Watch now!

Replace image (04:37 min)

 
Watch now!

loadImage method (04:24 min)

 
Watch now!

resizeAnimate method (04:40 min)

 
 
 
 

Discussion (1 comment)

  • Steve

    Steve : @hippoxx on Monday, 12th December 2011

    Thank you.
    This is the second time that I have found what I was looking for here. I used your scroll to top solution on my own website. Have just used this solution in a WordPress theme that I'm just about to set up for a friend. Click my name to see it in action.
    I did have a very minor issue with text appearing on the navigation buttons but I removed the image titles from the jQuery and all is fine now.
    Thank's again, your website is a great resource. Will be back for sure.

    Reply

 
 
Add a comment
Add Comment