Any idea why the footer image tries to repeat itself? {DONE}

[z0ne1.]

Hey.

For some odd reason, the image in my footer tries to repeat itself. I have tried to amend the image size, but no matter what the height is of the image, it tries to repeat itself. Can you someone points me in the right direction at all to stop this from occuring ...



I am using this code, if this helps ...


<script type="text/javascript">
<!--
function add_bottom_image()
{
var bottom_image = $('<center></center>').append($('<img/>').attr('src','http://i.imgur.com/lHZUHO6.jpg').css('cursor','pointer').click(function(){
$(document).scrollTop(0);
}));
$('body').append(bottom_image);
return;
}

$(document).ready(function(){
add_bottom_image();
});
// -->
</script>
Any help would be greatly appreciated.

Thanks in advance,
~z0ne1.

[Todge]

Hi-ya,

It's not that image that is repeating, what you are seeing is the background image of the page continuing below that image.

[z0ne1.]

Feb 25, 2016 15:41:26 GMT -8 Todge said:

Hi-ya,

It's not that image that is repeating, what you are seeing is the background image of the page continuing below that image.

Hello Todge.

Ah, I see what you mean. Now for the million dollar question ... how can I stop it from happening?? Anything I can add for my footer image to be the LAST image of the page, without the background trying to repeat for a pixel or two.

~z0ne1.

[Todge]

You could add CSS to the image to move it down a couple of pixels..

Try changing your code to use this line instead..

var bottom_image = $('<center></center>').append($('<img/>').attr('src','http://i.imgur.com/lHZUHO6.jpg').css({'cursor':'pointer', 'position':'relative', 'top': '3px'}).click(function(){

[z0ne1.]

Todge.

Many thanks for this. That worked a dream. Appreciate your assistance.

Thanks ever so.
~z0ne1.

[Todge]

No worries..