If anyone is looking for something similar with their webpage, merge this into their skin file.
Code:
<script runat="server">
Private Sub Page_Load( ByVal sender As Object, ByVal e As EventArgs ) Handles Me.Load
Page.ClientScript.RegisterClientScriptInclude(Me.GetType(), "Global", PortalSettings.ActiveTab.SkinPath & "js/fadeslideshow.js")
End Sub
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
var galleries = [];
(function(){
var images = [
["<%=PortalSettings.ActiveTab.SkinPath%>/images/headerrandomimages/1.jpg"],
["<%=PortalSettings.ActiveTab.SkinPath%>/images/headerrandomimages/2.jpg"],
["<%=PortalSettings.ActiveTab.SkinPath%>/images/headerrandomimages/3.jpg"],
["<%=PortalSettings.ActiveTab.SkinPath%>/images/headerrandomimages/4.jpg"],
["<%=PortalSettings.ActiveTab.SkinPath%>/images/headerrandomimages/5.jpg"] //<--no trailing comma after very last image element!
], i = 1;
images.sort(function(){return 0.5 - Math.random();});
for(i; i < 4; ++i){
galleries.push(new fadeSlideShow({
wrapperid: "fadeshow" + i, //ID of blank DIV on page to house Slideshow
dimensions: [60, 27], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: images.splice(0, 3),
displaymode: {type:'auto', pause:30000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 1, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
}));
}
})();</script>
<div id="fadeshow1" style="width: 60px; height: 27px" ></div>
<div id="fadeshow2" style="width: 60px; height: 27px" ></div>
<div id="fadeshow3" style="width: 60px; height: 27px" ></div>