Random Banners

Go down

Solved Random Banners

Post by Guardian-Angel on May 14th 2018, 8:40 pm

Hello

The following is my script for random banners. Each time the page is refreshed a banner changes randomly. Is there any way to have the script show the banners in order? Thank you.

Code:
$(function() {
var banners = [
'https://i62.servimg.com/u/f62/17/29/18/98/second10.jpg',
'https://i62.servimg.com/u/f62/19/79/88/05/nick_c10.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/resize10.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/final_14.jpg',
'https://i62.servimg.com/u/f62/19/79/88/05/final_11.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/annive10.jpg',
'https://i11.servimg.com/u/f11/17/29/18/98/kezzpp10.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/final10.jpg ',
'https://i62.servimg.com/u/f62/19/79/88/05/final10.jpg',
'https://i62.servimg.com/u/f62/19/79/88/05/banner11.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/ipaegu10.jpg',
'https://i37.servimg.com/u/f37/17/29/18/98/trjutb10.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/3rd_an10.jpg',
'https://i11.servimg.com/u/f11/17/29/18/98/engage10.jpg',
'https://i11.servimg.com/u/f11/17/29/18/98/bachel11.jpg',
'https://i11.servimg.com/u/f11/17/29/18/98/pvars910.jpg',
'https://i62.servimg.com/u/f62/16/31/92/16/7de86d10.jpg',
'https://i11.servimg.com/u/f11/17/29/18/98/sharle10.jpg',
'https://i62.servimg.com/u/f62/19/79/88/05/zfveaz10.jpg',
'http://www.bilder-upload.eu/upload/56a4c9-1516330129.png',
'https://i62.servimg.com/u/f62/19/79/88/05/final_12.jpg',
'https://i62.servimg.com/u/f62/19/79/88/05/5hrx9a10.jpg',
'https://i62.servimg.com/u/f62/16/31/92/16/5c9f6010.png'


],

logo = document.getElementById('i_logo') || document.getElementById('logo') || document.getElementById('pun-logo');
if (logo) (logo.tagName == 'IMG' ? logo : logo.firstChild).src = banners[Math.floor(Math.random() * banners.length)];
});
;


Last edited by Guardian-Angel on May 16th 2018, 3:20 am; edited 1 time in total
avatar
Guardian-Angel
Forumember

Posts : 577
Reputation : 13
Language : English

http://www.bachandbachettefans.net/forum

Back to top Go down

Solved Re: Random Banners

Post by SLGray on May 14th 2018, 9:12 pm

If you do that, it would not be random.



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44572
Reputation : 3158
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Random Banners

Post by Guardian-Angel on May 14th 2018, 9:31 pm

Correct. I want them to appear in the same order they are listed.
avatar
Guardian-Angel
Forumember

Posts : 577
Reputation : 13
Language : English

http://www.bachandbachettefans.net/forum

Back to top Go down

Solved Re: Random Banners

Post by SLGray on May 14th 2018, 9:47 pm

Is not math.floor used to round down a number?



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44572
Reputation : 3158
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Random Banners

Post by mpelmmc on May 15th 2018, 2:31 am

Hi @Guardian-Angel

Try this one. I took this code from a tutorial of the Spanish support forum of Forumotion. I have translated all the explanations but take into account that if you see some parts of the code in Spanish, it is for that and you don't have to worry about it because it will work regardless Smile

Code:
$(function(){   
  var banner = new Array();
 
//########################## EDITABLE ZONE ##################################
  var segundosDesfile = 5; //How many seconds each banner lasts
  var random = false; //Change to "true" if you want the banners to appear randomly
  var speedTransition = "slow"; //You can change to "fast" the effect of the transition
 
  banner[0] = "URL_LOGO_1";
  banner[1] = "URL_LOGO_2";
  banner[2] = "URL_LOGO_3";
  //You can add more...
//########################## END EDITABLE ZONE #############################
 
  var i_act = 0;
  var sel = "img#i_logo, a#logo img, a#pun-logo img";
  $(sel).attr("src", banner[random ? Math.floor(Math.random() * banner.length) : i_act]);
  setInterval(function() { 
      $(sel).fadeOut(speedTransition,function(){
        $(sel).load(function(){
            $(sel).fadeIn();
        });
        $(sel).attr("src", banner[random ? Math.floor(Math.random() * banner.length) : ++i_act]);
      }); 
      if(!random && i_act == banner.length-1) i_act = -1;
  }, segundosDesfile * 1000); 
});

Best regards
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 894
Reputation : 137
Language : English and Spanish

https://help.forumotion.com/

Back to top Go down

Solved Re: Random Banners

Post by APE on May 15th 2018, 2:47 am

@mpelmmc
I think the member wants the banner to only change when you refresh the page or go to the next page,



avatar
APE
Administrator
Administrator

Male Posts : 13399
Reputation : 1422
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Random Banners

Post by mpelmmc on May 15th 2018, 2:52 am

Thank you for clarifying, @APE. I must have misunderstood.

Then, instead of the code I gave above, try with this one:

Code:
$(function(){   
var banner = new Array();

    banner[0]="URL-BANNER-1";
    banner[1]="URL-BANNER-2";
    banner[2]="URL-BANNER-3";

    document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];
});
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 894
Reputation : 137
Language : English and Spanish

https://help.forumotion.com/

Back to top Go down

Solved Re: Random Banners

Post by Wecoc on May 15th 2018, 10:47 pm

@mpelmmc That's still random.

Try this:
Code:
$(function() {
var banners = [
'https://i62.servimg.com/u/f62/17/29/18/98/second10.jpg',
'https://i62.servimg.com/u/f62/19/79/88/05/nick_c10.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/resize10.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/final_14.jpg',
'https://i62.servimg.com/u/f62/19/79/88/05/final_11.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/annive10.jpg',
'https://i11.servimg.com/u/f11/17/29/18/98/kezzpp10.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/final10.jpg ',
'https://i62.servimg.com/u/f62/19/79/88/05/final10.jpg',
'https://i62.servimg.com/u/f62/19/79/88/05/banner11.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/ipaegu10.jpg',
'https://i37.servimg.com/u/f37/17/29/18/98/trjutb10.jpg',
'https://i62.servimg.com/u/f62/17/29/18/98/3rd_an10.jpg',
'https://i11.servimg.com/u/f11/17/29/18/98/engage10.jpg',
'https://i11.servimg.com/u/f11/17/29/18/98/bachel11.jpg',
'https://i11.servimg.com/u/f11/17/29/18/98/pvars910.jpg',
'https://i62.servimg.com/u/f62/16/31/92/16/7de86d10.jpg',
'https://i11.servimg.com/u/f11/17/29/18/98/sharle10.jpg',
'https://i62.servimg.com/u/f62/19/79/88/05/zfveaz10.jpg',
'http://www.bilder-upload.eu/upload/56a4c9-1516330129.png',
'https://i62.servimg.com/u/f62/19/79/88/05/final_12.jpg',
'https://i62.servimg.com/u/f62/19/79/88/05/5hrx9a10.jpg',
'https://i62.servimg.com/u/f62/16/31/92/16/5c9f6010.png'
],

  logo = document.getElementById('i_logo') || document.getElementById('logo') || document.getElementById('pun-logo');
  if (logo) {
    var banner_index = -1;
    if (localStorage.banner_index) banner_index = localStorage.banner_index;
    banner_index = (banner_index + 1) % banners.length;
    localStorage.banner_index = banner_index;
    (logo.tagName == 'IMG' ? logo : logo.firstChild).src = banners[banner_index];
  }
});
avatar
Wecoc
Forumember

Male Posts : 136
Reputation : 98
Language : Catalan, Spanish, English

http://www.mundo-maker.com/

Back to top Go down

Solved Re: Random Banners

Post by Guardian-Angel on May 16th 2018, 3:19 am

Thank you so much everyone. The scripts posted upthread, didn't work.

I found the Slide Show Banner thread so I tried that one. It's exactly what I needed. It's so much easier for the banners to go in order for our forum because we update different banners according to what's airing on TV. This makes it easier to keep track of them all when I have to delete one link and replace it with an updated one, I have them numbered and named, so I know which is which.

Thanks again, topic solved.

Ange Tuteur - Banner Slide Show Thread.
avatar
Guardian-Angel
Forumember

Posts : 577
Reputation : 13
Language : English

http://www.bachandbachettefans.net/forum

Back to top Go down

Solved Re: Random Banners

Post by SLGray on May 16th 2018, 8:31 am

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44572
Reputation : 3158
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum