Essentially it fades the content of an array. The original script
specified the object name, I tried to modify it to allow an object to
be passed instead as there are two fading areas on the page code
below, to be honest I could see absolutely no reason why but im not
that offay with javascript so this could be down to me.
Deadlines are getting tight on this one so not bothered how its done
but i need to be able to have fading content on the two specified
areas, one statscroller the other newscroller. The second content
array has been setup, news_fcontent, but it not used.
Any help is greatly appreciated.
<script type="text/javascript">
/*************** *************** *************** **
* Fading Scroller- © 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 full source
code
*************** *************** *************** ***/
var statsdelay = 3000; //set statsdelay between message change
(in miliseconds)
var statsmaxsteps=3 0; // number of steps to take to change from start
color to endcolor
var stepstatsdelay= 50; // time in miliseconds of a single step
//**Note: statsmaxsteps*s tepstatsdelay will be total time in
miliseconds of fading effect
var startcolor= new Array(148,189,2 35); // start color (red, green,
blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)
var stats_fcontent= new Array();
stats_fcontent[0]='<div class="fading_b anner1"><span class="title">'
+ <%= _totalValue %+ '</span><br/><span class="body">of jewellery
valued so far!</span></div>';
stats_fcontent[1]='<div class="fading_b anner1"><span class="title">'
+ <%= _totalCustomers %+ '</span><br/><span class="body">cu stomers
now protected!</span></div>';
stats_fcontent[2]='<div class="fading_b anner2"><span
class="title">W orking in association with</span><br /><br /><img
src="../images/national_associ ation_gsmiths.j pg" alt="National
Association of Goldsmiths" /></div>';
var news_fcontent=n ew Array();
news_fcontent[0]='<div class="news_ite m"><div class="news_tex t">' + <
%= _header1 %+ '<br />' + <%= _body1 %+ '<br /><a href="' + <%=
_href1 %+ '">More....</a></div><span class="image">< img src="' + <%=
_imgSrc1 %+ '" /></span></div>';
news_fcontent[1]='<div class="news_ite m"><div class="news_tex t">' + <
%= _header2 %+ '<br />' + <%= _body2 %+ '<br /><a href="' + <%=
_href2 %+ '">More....</a></div><span class="image">< img src="' + <%=
_imgSrc2 %+ '" /></span></div>';
news_fcontent[2]='<div class="news_ite m"><div class="news_tex t">' + <
%= _header3 %+ '<br />' + <%= _body3 %+ '<br /><a href="' + <%=
_href3 %+ '">More....</a></div><span class="image">< img src="' + <%=
_imgSrc3 %+ '" /></span></div>';
var _fade_links=1; //should links inside scroller content also fade
like text? 0 for no, 1 for yes.
var _ie4=document.a ll&&!document.g etElementById;
var _DOM2=document. getElementById;
var faderstatsdelay =0;
var _index=0;
stats_changecon tent;
/*Rafael Raposo edited function*/
//function to change content
function stats_changecon tent(){
if (_index>=stats_ fcontent.length )
_index=0
if (_DOM2){
document.getEle mentById("stats croller").style .color="rgb("+s tartcolor[0]+",
"+startcolo r[1]+", "+startcolo r[2]+")";
document.getEle mentById("stats croller").inner HTML=stats_fcon tent[_index];
if (_fade_links)
stats_linkcolor change(1);
stats_colorfade (1, 15);
}
else if (_ie4)
document.all.st atscroller.inne rHTML=stats_fco ntent[_index]
_index++
}
// stats_colorfade () partially by Marcio Galli for Netscape
Communications. ////////////
// Modified by Dynamicdrive.co m
function stats_linkcolor change(step){
var
obj=document.ge tElementById("s tatscroller").g etElementsByTag Name("A");
if (obj.length>0){
for (i=0;i<obj.leng th;i++)
obj[i].style.color=st ats_getstepcolo r(step);
}
}
/*Rafael Raposo edited function*/
var _fadecounter;
function stats_colorfade (step) {
if(step<=statsm axsteps) {
document.getEle mentById("stats croller").style .color=stats_ge tstepcolor(step );
if (_fade_links)
stats_linkcolor change(step);
step++;
_fadecounter=se tTimeout("stats _colorfade("+st ep+")",stepstat sdelay);
}else{
clearTimeout(_f adecounter);
document.getEle mentById("stats croller").style .color="rgb("+e ndcolor[0]+",
"+endcolor[1]+", "+endcolor[2]+")";
setTimeout("sta ts_changeconten t()", statsdelay);
}
}
/*Rafael Raposo's new function*/
function stats_getstepco lor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor[i]-endcolor[i]);
if(diff 0) {
newcolor[i] = startcolor[i]-(Math.round((di ff/
statsmaxsteps)) *step);
} else {
newcolor[i] = startcolor[i]+(Math.round((M ath.abs(diff)/
statsmaxsteps)) *step);
}
}
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " +
newcolor[2] + ")");
}
if (window.addEven tListener)
window.addEvent Listener("load" , stats_changecon tent, false)
else if (window.attachE vent)
window.attachEv ent("onload", stats_changecon tent)
else if (document.getEl ementById)
window.onload=s tats_changecont ent
</script>
<div class="header"> LATEST NEWS....</div>
<div id="newscroller " class="news_ite m"/>
<a href="../valuationdays/valuationbookin g.aspx"><img src="../images/
book_a_valuatio n.jpg" alt="Book a valuation" border="0"/></a><br /
><br /><a href="../valuationdays/searchvaluation days.aspx"><img src="../
images/locations.gif" alt="Find a valuation" border="0"/></a><br /
><br /><div id="statscrolle r" />
