Related Topics & Stories dynamic background

[cvekiboy]

Ola to all PB gurus! Didn't bothered you long time - so I'm back! This is one of my last desperately needed plugin to finish my boards look in whole.
To jump into a point!

This code in CSS:
#related-topics-stories {
background-image: url("http://bgpic.png");
background-repeat: no-repeat;
}

or this code in particular boards Footer:
<style>
#related-topics-stories {
background-image: url("http://bgpic.png");
background-repeat: no-repeat;
}
</style>
puts the background image into that container. CSS way in all topics, Footer in just that board topics.

What I wish to have is a plugin that randomly change that picture from a given list separate for each board!

Example:
Board1

• http://board1_pic1
• http://board1_pic2
• http://board1_pic3
• ... and so on

Board2

• http://board2_pic1
• http://board2_pic2
• http://board2_pic3
• ... and so on

Anyone for a challenge?

Login out...

END

[darrenvox]

sounds cool but no images working

[cvekiboy]

... corse they dont!

Bump 4 plugin 2 make em work!

Login out...

END

[cvekiboy]

Maybe use/make random slideshow code for any container in future with this?
Any similar exists?

Login out...

END 

[cvekiboy]

Jul 9, 2015 17:29:41 GMT -8 cvekiboy said:

...
Any similar exists?

Login out...

END 

Found one that does same made by Peter !
Different Page Banner where picking the image for specific boards shows in post list pages too!
Its basically same code just other container to be filled with.

var myTry =   (please dont laugh hard!)

var RelatedBoard1Bg = ['http://board1_pic1', 'http://board1_pic2', 'http://board1_pic3', 'http://board1_pic4'];
var RelatedBoard2Bg = ['http://board2_pic1', 'http://board2_pic2', 'http://board2_pic3', 'http://board2_pic4'];
... and so on

if
"boradview=1"
var RelatedTSBg = RelatedBoard1Bg[Math.floor(Math.random() * RelatedBoard1Bg.length)];
else
"boradview=2"
var RelatedTSBg = RelatedBoard2Bg[Math.floor(Math.random() * RelatedBoard2Bg.length)];
... and so on

#related-topics-stories {
background-image: url("RelatedTSBg");
background-repeat: no-repeat;
}
In first I was afraid that is impossible to determine which board is viewed while being in post list (based on web address), but seeing the above plugin, that is not an issue.
Help!

Login out...

END

[cvekiboy]

int RandomElement(int *array, int size)

{

  return array[ rand() % size ];    

}

RND BUMP!

Login out...

END

[cvekiboy]

I really wonder why there is no interests to anyone make this plugin? Maybe cose his rare use in future?
Seems that I must learn to catch this type of fish, even I don't like it.
Still I hope for some brave, smart, kind, .... coder to help me with this.

Login out...

END

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Aug 18, 2015 3:52:50 GMT -8 cvekiboy said:

I really wonder why there is no interests to anyone make this plugin? Maybe cose his rare use in future?
Seems that I must learn to catch this type of fish, even I don't like it.
Still I hope for some brave, smart, kind, .... coder to help me with this.

Login out...

END

Because you could modify this existing script

support.proboards.com/thread/555908/random-forum-background-xmoment

[cvekiboy]

Thanks P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ for GREAT help!
Placing this code in particular boards Header I got desired result:

<script type="text/javascript">
   
var RelatedBoardBg=[
  "http://storage.proboards.com/6253000/i/Uj8DN8GvtrhSjI9EgQ7f.jpg",
  "http://storage.proboards.com/6253000/i/0_SHmUTivuE8PtUjM13v.jpg",
  "http://storage.proboards.com/6253000/i/NAQvMrnOpLbofrxLLVwJ.jpg",
  "http://storage.proboards.com/6253000/i/WPXYyZybVumxbFJ8fglV.jpg",
  "http://storage.proboards.com/6253000/i/So7cxLiYYa41YShNl8qt.jpg"
];

var RelatedTSbg=RelatedBoardBg[Math.floor(RelatedBoardBg.length*Math.random())];
   
RelatedTSbg=(RelatedTSbg.indexOf("http:")==0)?"-image:url("+RelatedTSbg+")":"-color:#"+RelatedTSbg;

document.write("<style type='text/css'>table#related-topics-stories{background"+RelatedTSbg+";background-repeat:no-repeat;background-position:left top;background-attachment:scroll;background-color:#000000;}</sty"+"le>");

</script>

Lucky that stronktank needed similar code for his needs in almost same time.
So happy this can be marked as Completed No Plugin Necessary 

Login out...

END