The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

Image Loader Bug!

  • # February 7, 2013 at 9:49 pm

    Hello all!

    I have made a simple image loader for my website on CodePen. Here’s the link to the full screen pen: My question is as follows: Once I click on an image, how can I prevent the user from clicking on another image in the background array of images without clicking the red close button first? I tried disabling the images in the background by using jQuery’s .attr() function, but to no avail. Please help! Thanks in advance!


    # February 7, 2013 at 10:05 pm

    i’ve updated your pen here:

    if you have other elements on the page you’d like to block you may want to append div class=”overlay” to body instead of just to the images div.

    # February 8, 2013 at 6:18 am

    This reply has been reported for inappropriate content.

    @dfogge Thanks so much! Can’t believe the solution was so simple! I really need to strengthen these jQuery skills of mine. Thanks again! And what do you mean by double post?

    # February 8, 2013 at 9:21 am

    youre welcome! glad i could help :)

    by double post i meant that i went in to edit my post and accidentally made a new post.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed