Banner in to slideshow problem!

Hi, I've been following this guide.
https://help.forumotion.com/t144239-turn-your-forum-banner-into-a-slide-show?highlight=BANNER+SLIDESHOW
My forum version: ModernBB
My site: shopbdy.forumotion.com

Problem is I want to make this slideshow become the header banner.
The image isn't coming up nicely and messed up all other script.

I've found this solution but it's only for randomize banner when refresh the page each time.

Code:

$(function() {
    var images = ['http://78.media.tumblr.com/6e79dd6dbfa7248e60a48ba9c36c4a7d/tumblr_nfvqpd8cgr1qzeylbo1_1280.gif', 'https://i.pinimg.com/originals/2e/35/95/2e359568d36c711612bdde426a28a51f.gif'];
    $('.headerbar').css({'background-image': 'url(' + images[Math.floor(Math.random() * images.length)] + ')'});
  });

Dear @hazzy

can we see an example of what happens when the script is installed?

Thanks

Here's the problem image example.

Hello,

Is the problem that it is pushing the navigation buttons too far to the right causing them to bunch up like in your screenshot? Also, in the future if you could upload the image using the built-in image uploader (it is the icon with the photograph and floppy disk on it), and then insert it using the

Code:

[img][/img]

tags that would be preferred, as then we can view the image without needing to download it.

-Brandon

Yes. The problem is exactly as you said. Because the slideshow wasnt acting as header banner so it's pushing my navigation bar buttons around.