hide broken image icon

[Mike]

I'm wracking my brain about this problem.
I made a flip card plugin which on one side shows an image or a gradient
on the front card.
my problem is when I hide the image the broken image icon shows over the gradient
div. How can I get rid of that broken image icon?
If you want to look at it:
My test site
Thanks in advance

[Todge]

Apr 27, 2022 6:04:44 GMT -8 Mike said:

I'm wracking my brain about this problem.
I made a flip card plugin which on one side shows an image or a gradient
on the front card.
my problem is when I hide the image the broken image icon shows over the gradient
div. How can I get rid of that broken image icon?
If you want to look at it:
My test site
Thanks in advance

How are you hiding the image? It sounds like you are removing the image URL, or changing it in some way to stop it linking to the picture..

Either way will end up displaying the broken image graphic, as the IMG tag is still there, but with a link to nowhere.

To hide the image change the CSS visibility attribute..

your image tag {
 visibility: hidden;
}

And to re-enable it..

your image tag {
 visibility: visible;
}


[Mike]

Todge
I actually found away to do it.
I will post it here when it get home.
Thanks for your reply

[Mike]

Todge
$("#ask").error(function(){
$(this).hide();
});

[Todge]

Apr 27, 2022 10:29:49 GMT -8 Mike said:

Todge
$("#ask").error(function(){
$(this).hide();
});

Yup, that will work too.

Do note that the .error() function is now deprecated, and while this shouldn't cause you a problem, it is possible that the function will be removed from some future iteration of JQuery.

[Mike]

Todge
Will there be a work around in jquery
For .error()

[Todge]

Apr 28, 2022 10:42:50 GMT -8 Mike said:

Todge
Will there be a work around in jquery
For .error()

There's not a work-around per se, but it has been replaced.

Instead of .error( handler ), you should use .on( "error", handler )

.error() | jQuery API Documentation

[Mike]

Ok just in case someone runs into this problem.
Code change up:
$('#any').on("error",function(){
$(this).hide();
});
Big thanks to Todge