-
This is how it should look like (it looks like this on my box):
Didn’t check it on IE, Opera, Chrome, Safari etc…if it’s different on your website, please let me know so i can tweak it.Hi,
you very helpful thanks for that…
It works really great and text effect is better than the original 🙂
The only thing is that I can´t see the top mask anymore – below you can find the code :
( I changed in the past the options width and height from the background image in top position )
[PHP]<div style=”width: 940px; height: 291px;”>
<div style=”position: relative; width: 550px; height: 250px; float: left; left: 10px; top: 5px;”><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 delay = 5000; //set delay between message change (in miliseconds)
var maxsteps=60; // number of steps to take to change from start color to endcolor
var stepdelay=30; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(63,63,62); // end color (red, green, blue)var fcontent=new Array();
begintag='<div style=”font: normal 16px Verdana; padding: 5px;”>’; //set opening tag, such as font declarations
fcontent[0]=”<h1>Zusammenführen</h1><br>Einfache Datensammlung und – Haltung von Messwerten und Maßnahmen. Online- und Offline-Datenerfassung aus beliebigen Quellen. Mappingtabellen für den vereinfachten Import. <p><a href=’#’></a></p>”;fcontent[1]=”<h1>Berechnen</h1><br>Leistungsfähige Abbildung und Pflege von Organisations-strukturen und Kennzahlen sowie intelligente Ampelermittlung und -weiterleitung. Einfache Bildung aller zentralen Erfolgs- und Zielgrößen. <p><a href=’#’></a></p>”;
fcontent[2]=”<h1>Analysieren</h1><br>Monitore zur Analyse der Kennzahlen, Aktivitäten und Messgrößen. Einfache Kontrolle aller Messgrößen, Kennzahlen und Maßnahmen. <p><a href=’#’></a></p>”;
fcontent[3]=”<h1>Berichten</h1><br>Umfangreiches automatisierbares Berichtswesen. Standardberichte und – Diagramme zur Visualisierung der Zielerreichung und Maßnahmen-durchführung der Organisationseinheiten. <p><a href=’#’></a></p>”;
closetag='</div>’;
var fwidth=’550px’; //set scroller width
var fheight=’200px’; //set scroller heightvar fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.
///No need to edit below this line/////////////////
var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById(“fscroller”).style.color=”rgb(“+startcolor[0]+”, “+startcolor[1]+”, “+startcolor[2]+”)”
document.getElementById(“fscroller”).innerHTML=begintag+fcontent+closetag
if (fadelinks)
linkcolorchange(1);
colorfade(1, 15);
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent+closetag;
index++
}// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.comfunction linkcolorchange(step){
var obj=document.getElementById(“fscroller”).getElementsByTagName(“A”);
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj.style.color=getstepcolor(step);
}
}/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
if(step<=maxsteps) {
document.getElementById(“fscroller”).style.color=getstepcolor(step);
if (fadelinks)
linkcolorchange(step);
step++;
fadecounter=setTimeout(“colorfade(“+step+”)”,stepdelay);
}else{
clearTimeout(fadecounter);
document.getElementById(“fscroller”).style.color=”rgb(“+endcolor[0]+”, “+endcolor[1]+”, “+endcolor[2]+”)”;
setTimeout(“changecontent()”, delay);}
}/*Rafael Raposo’s new function*/
function getstepcolor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor-endcolor);
if(diff > 0) {
newcolor = startcolor-(Math.round((diff/maxsteps))*step);
} else {
newcolor = startcolor+(Math.round((Math.abs(diff)/maxsteps))*step);
}
}
return (“rgb(” + newcolor[0] + “, ” + newcolor[1] + “, ” + newcolor[2] + “)”);
}if (ie4||DOM2)
document.write(‘<div id=”fscroller” style=”border:0px solid black;width:’+fwidth+’;height:’+fheight+'”></div>’);if (window.addEventListener)
window.addEventListener(“load”, changecontent, false)
else if (window.attachEvent)
window.attachEvent(“onload”, changecontent)
else if (document.getElementById)
window.onload=changecontent</script></div>
<div top-mask.png=”” images=”” ja_halite=”” templates=”” style=”float: right; width: 298px; height: 291px; right: 0px; top: 0px;”>
<div style=”position: relative; float: right; width: 269px; height: 167px; right: 13px; top: 27px;”><object height=”167″ width=”269″>
<param value=”http://www.youtube.com/v/Qttn0_E2uQo&hl=en_US&fs=1&” name=”movie” />
<param value=”true” name=”allowFullScreen” />
<param value=”always” name=”allowscriptaccess” /><embed height=”167″ width=”269″ allowfullscreen=”true” allowscriptaccess=”always” type=”application/x-shockwave-flash” src=”http://www.youtube.com/v/Qttn0_E2uQo&hl=en_US&fs=1&” /></object></div>
</div>
</div>[/PHP]Thanks for further comments
Viewing 10 posts - 1 through 10 (of 10 total)This topic contains 10 replies, has 2 voices, and was last updated by
histeriks 14 years, 8 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Video in Slideshow ( Monitor ) positioin
Viewing 10 posts - 1 through 10 (of 10 total)
