Need to allow user to click only once in an ONCLICK EVENT

[Baranidharan Ramakoti]

I am designing a web page containing images and I want user to see all the images one by one on an onclick event. I do not want user to miss even a single image.

If the user clicks the next button twice, it should go only to the next image and it should not respond for how many ever clicks he makes, till the next image is loaded.

Is there anyway to do this?

I have tried with getting the image height and width and check with the original height & width of the image. But the image sizes are same.

Please please help me in this issue.

I am totally fed up about trying a lot of things but unsuccessful. I would be grateful if someone helps me.

[Omar Al Kababji]

in the onclick function disable the next button, until the new image is appeared.

[Baranidharan Ramakoti]

I have done that. But how to check whether the image is fully loaded or not.

I used:

if(document.images.main.complete)
        document.getElementById('next').style.visibility='visible';
 

I just wrote the above code to check it. But it always returns only true and it makes the next button visible even if the next image is not fully loaded.

Please help me

Thanks a lot for your instant reply.

[Omar Al Kababji]

try to take a look at the following link

[Baranidharan Ramakoti]

Thanks a lot for immediate replies. Thank you so much. You have helped me in solving a big issue which was chewing my brains for almost a day.

Again I thank you a lot. May God Bless You.


BARANIDHARAN

[Omar Al Kababji]

You are welcome ;)