Библиотека Javascript. SE@RCHER

<html> <head> <TITLE>Автосмена фото с анимационным эффектом </TITLE> <style type="text/css"> /*Автопрокрутка текста, фото*/ #contentwrapper{ width: 230px; height: 200px; border: 1px solid black; background-color: #C6FFC6; padding: 5px; } .billcontent{ width: 100%; display:block; } </style> <script type="text/javascript"> //List of transitional effects to be randomly applied to billboard: var billboardeffects=["GradientWipe(GradientSize=1.0 Duration=0.7)", "Inset", "Iris", "Pixelate(MaxSquare=5 enabled=false)", "RadialWipe", "RandomBars", "Slide(slideStyle='push')", "Spiral", "Stretch", "Strips", "Wheel", "ZigZag"] //var billboardeffects=["Iris"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect. var tickspeed=2000 //ticker speed in miliseconds (2000=2 seconds) var effectduration=500 //Transitional effect duration in miliseconds var hidecontent_from_legacy=1 //Should content be hidden in legacy browsers- IE4/NS4 (0=no, 1=yes). var filterid=Math.floor(Math.random()*billboardeffects.length) document.write('<style type="text/css">\n') if (document.getElementById) document.write('.billcontent{display:none;\n'+'filter:progid:DXImageTransform.Microsoft.'+billboardeffects[filterid]+'}\n') else if (hidecontent_from_legacy) document.write('#contentwrapper{display:none;}') document.write('</style>\n') var selectedDiv=0 var totalDivs=0 function contractboard(){ var inc=0 while (document.getElementById("billboard"+inc)){ document.getElementById("billboard"+inc).style.display="none" inc++ } } function expandboard(){ var selectedDivObj=document.getElementById("billboard"+selectedDiv) contractboard() if (selectedDivObj.filters){ if (billboardeffects.length>1){ filterid=Math.floor(Math.random()*billboardeffects.length) selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+billboardeffects[filterid] } selectedDivObj.filters[0].duration=effectduration/1000 selectedDivObj.filters[0].Apply() } selectedDivObj.style.display="block" if (selectedDivObj.filters) selectedDivObj.filters[0].Play() selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0 setTimeout("expandboard()",tickspeed) } function startbill(){ while (document.getElementById("billboard"+totalDivs)!=null) totalDivs++ if (document.getElementById("billboard0").filters) tickspeed+=effectduration expandboard() } if (window.addEventListener) window.addEventListener("load", startbill, false) else if (window.attachEvent) window.attachEvent("onload", startbill) else if (document.getElementById) window.onload=startbill </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <div id="contentwrapper"> <div id="billboard0" class="billcontent"> Это первый текст <a href=#>Это линк 1</a><br><img src="0001.jpg" width="127" height="145"></div> <div id="billboard1" class="billcontent"> Это второй текст <a href=#>Это линк 2</a><br><img src="0002.jpg" width="127" height="145"></div> <div id="billboard2" class="billcontent"> Это третий текст <a href=#>Это линк 3</a><br><img src="0003.jpg" width="127" height="145"></div></div> </body> </html>