Based on your comments, I don't think you need to unbind at all:
You first want to load the background when the page is loaded, and then you want to load the background when a click happens.
What happens to the background when the image is resized should be another separate function that is bound to $(window).resize()
... so the whole thing will look like this:
( $(function() { ... });
means the same as $(document).ready(function() { ... })
it's just faster to write:
$(function() {
// Define load BG
function loadBackground() {
/// ...
}
// Define what happens to the BG image on resize
// this doesn't have to change. It should refer
// to the generic `background-image`
$(window).resize(function() {
// ...
});
// load BG when page is ready:
loadBackground();
// load another BG if there's a click:
// This will effectively cancel the previous load bg
$('.get-image').click(function() {
loadBackground();
return false;
});
});
// I'm assuming you're somehow changing which BG image is loaded
// something like loadBackground(image)... and you could initially
// load a default image, and then, if there's a click, you could
// determine what image should be based on what was clicked.