un peu de javascript

Fondu image et/ou text Discussions Générales

z0rglub Membre non connecté

Booster Bazooka

Le 01/08/2009 à 20h16

Bonjour,

Je viends de me mettre sur un javascript trouvé dans le fin fond de la toile...génial au passage.

Je m'explique, c'est un cadre qui reçoit aléatoirement des images et/ou text de votre choix.

Pour les texts c'est nickel, mais lorsque j'insère mon iframe (afin de montrer nos serveurs), il s'affiche mais avec une scroolbar que je n'arrive pas enlever ,mêm en redimensionnant le cadre.

Code HTML :

<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 = 2000; //set delay between message change (in miliseconds)
var maxsteps=100; // 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(0,0,0); // end color (red, green, blue)
 
 
var fcontent=new Array();
begintag=''; //set opening tag, such as font declarations //<div style="font: normal 14px Arial; padding: 5px;">
fcontent[0]="<iframe src="http://cache.www.gametracker.com/components/html0/?host=77.111.255.57:27015&bgColor=1F2642&titleBgColor=11172D&borderColor=333333&fontColor=8790AE&titleColor=FFFFFF&linkColor=FF9900&borderLinkColor=999999&showMap=1&showCurrPlayers=0&showTopPlayers=0&showBlogs=0&width=200&height=290"></iframe>";
fcontent[1]="<iframe src="http://cache.www.gametracker.com/components/html0/?host=77.111.252.218:27015&bgColor=1F2642&titleBgColor=11172D&borderColor=333333&fontColor=8790AE&titleColor=FFFFFF&linkColor=FF9900&borderLinkColor=999999&showMap=1&showCurrPlayers=0&showTopPlayers=0&showBlogs=0&width=200&height=290"></iframe>";
fcontent[2]="<iframe src="http://cache.www.gametracker.com/components/html0/?host=213.251.148.15:52598&bgColor=1F2642&titleBgColor=11172D&borderColor=333333&fontColor=8790AE&titleColor=FFFFFF&linkColor=FF9900&borderLinkColor=999999&showMap=0&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=200&height=274" ></iframe>";
closetag='';  //</div>
 
var fwidth='500px'; //set scroller width  200px
var fheight='590px'; //set scroller height  290px
 
var 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[index]+closetag
    if (fadelinks)
      linkcolorchange(1);
    colorfade(1, 15);
  }
  else if (ie4)
    document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
  index++
}
 
// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////
// Modified by Dynamicdrive.com
 
function linkcolorchange(step){
  var obj=document.getElementById("fscroller").getElementsByTagName("A");
  if (obj.length>0){
    for (i=0;i<obj.length;i++)
      obj[i].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[i]-endcolor[i]);
    if(diff > 0) {
      newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
    } else {
      newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
    }
  }
  return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}
 
if (CONCAT(ie4,DOM2))
  document.write('<div id="fscroller" style="border:1px 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>