un peu de javascript
Fondu image et/ou text
Discussions Générales
z0rglub Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre z0rglub
- Inscrit le : 24/07/2009
- Site internet
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>
Si une idée vous viends^^
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Code HTML :
<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>";Il faut que tu change ses valeurs ;
Code HTML :
width=200&height=290benpro Membre non connecté
Booster Mortier
-
Booster Mortier
- Voir le profil du membre benpro
- Inscrit le : 28/12/2007
- Site internet
Benpro
z0rglub Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre z0rglub
- Inscrit le : 24/07/2009
- Site internet
ReidLos :
..Il faut que tu change ses valeurs ;
Code HTML :
width=200&height=290j'ai changé ce paramètre et rien n'y fait concernant la hauteur.
Le code n'est pas sur mon site mais juste sur un fichier.html ...par contre pour la second soluce, un peu plus de précisions..?
-edit-
au passage je me fête ma première étoile chez vous

edit
j'ai donc modifié le code et son css par
Code HTML :
.. var fcontent=new Array(); begintag='<div style=" width: 200px; height: 290px; overflow: hidden;">'; //set opening tag, such as font declarations 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>'; ..
il n'y a plus la scroll mais mon image est toujours coupé en 2 dans l'horizontal et si je la sort de ce script, tout va bien...
si quelqu'un voit le truc
Édité par z0rglub Le 01/08/2009 à 21h28
benpro Membre non connecté
Booster Mortier
-
Booster Mortier
- Voir le profil du membre benpro
- Inscrit le : 28/12/2007
- Site internet
Édité par benpro Le 01/08/2009 à 22h23
Benpro
Gsgsd Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Gsgsd
- Inscrit le : 07/12/2007
- Site internet
Code CSS :
overflow:none;
?
Vous souhaitez que vos membres contribuent ou ajoutent du contenu sur votre site ?
La solution => le module contribution !
La solution => le module contribution !
z0rglub Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre z0rglub
- Inscrit le : 24/07/2009
- Site internet
Code CSS :
m'entraine tout simplement la re-visibilité de la scroll ainsi que autoCode CSS :
mais toujours ce souci de iframe coupé en 2 horizontalement
noneÉdité par z0rglub Le 01/08/2009 à 22h50
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
