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