Grow your CSS skills. Land your dream job.

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: http://codepen.io/srig99/full/qGzbn. 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!

    -srig99

    # February 7, 2013 at 10:05 pm

    i’ve updated your pen here:
    http://codepen.io/derekfogge/pen/jFALD

    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

    @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.

*May or may not contain any actual "CSS" or "Tricks".