I have a button and when it's clicked, I want to replace the button with an image. How can I do this in JQuery? Is it possible to replace the background of the image as well? The button itself is within a large div, and I don't want to add another div around the button because it messes up a previous layout.
If you want to replace the button element:
$('the-button').bind('click', function () {
$(this).replaceWith('<img src="/wherever.jpg"/>');
});
If you want to change the background image of the button:
$('the-button').bind('click', function () {
$(this).css('backgroundImage', 'url(\'/wherever.jpg\')');
});
If you want to change the background image of the image (:S):
$('the-button').bind('click', function () {
$(this).replaceWith('<img src="/wherever.jpg" style="background-image:url(\'/somewhere-else.jpg\');"/>');
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With