imagechange.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. var links = new Array();
  2. var isIE=!!window.ActiveXObject;
  3. {loop $pinfo $k $p}
  4. links[{intval($k+1)}] = "{APP_PATH}index.php?m=poster&c=index&a=poster_click&siteid={$siteid}&id={$p['id']}";
  5. if (isIE){
  6. if (document.readyState=="complete"){
  7. statAD('{$siteid}', '{$p['id']}', '{$p['spaceid']}');
  8. } else {
  9. document.onreadystatechange=function(){
  10. if(document.readyState=="complete") statAD('{$siteid}', '{$p['id']}', '{$p['spaceid']}');
  11. }
  12. }
  13. } else {
  14. statAD('{$siteid}', '{$p['id']}', '{$p['spaceid']}');
  15. }
  16. {/loop}
  17. var imgs = new Array();
  18. for(var n = 1; n <= 5; n++) imgs[n] = new Image();
  19. {loop $pinfo $k $p}
  20. imgs[{intval($k+1)}].src = "{$p['setting']['1']['imageurl']}";
  21. {/loop}
  22. var tits = new Array();
  23. {loop $pinfo $k $p}
  24. tits[{intval($k+1)}] ="{$p['setting']['1']['alt']}";
  25. {/loop}
  26. var imgwidth = {$width};//图片宽度
  27. var imgheight = {$height};//图片宽度
  28. var str = "";
  29. str += "<span style='position:relative'>";
  30. str += "<span><a id='dlink' href='" + links[1] + "' target='_blank'><img id='dimg' src='" + imgs[1].src + "' border='0' width='" + imgwidth + "' height='"+imgheight+"' style='filter:Alpha(opacity=100)' onmouseover='Pause(true)' onmouseout='Pause(false)'></a></span>";
  31. //修改点1:循环添加内层div内容以增加个数
  32. str += "</span>";
  33. document.write(str);
  34. var oi = document.getElementById("dimg");
  35. var pause = false;
  36. var curid = 1;
  37. var lastid = 1;
  38. var sw = 1;
  39. var opacity = 100;
  40. var speed = 15;
  41. var delay = (document.all)? 400:700;
  42. function SetAlpha(){
  43. if(document.all){
  44. if(oi.filters && oi.filters.Alpha) oi.filters.Alpha.opacity = opacity;
  45. } else {
  46. oi.style.MozOpacity = ((opacity >= 100)? 99:opacity) / 100;
  47. }
  48. }
  49. function statAD(siteid, id, pid) {
  50. var sp = document.createElement("SCRIPT");
  51. sp.src = "{APP_PATH}index.php?m=poster&c=index&a=show&siteid="+siteid+"&id="+id+"&spaceid="+pid;
  52. document.body.appendChild(sp);
  53. }
  54. function ImgSwitch(id, p){
  55. if(p){
  56. pause = true;
  57. opacity = 100;
  58. SetAlpha();
  59. }
  60. oi.src = imgs[id].src;
  61. document.getElementById("dlink").href = links[id];
  62. //document.getElementById("it" + lastid).className = "off";
  63. //document.getElementById("it" + id).className = "on";
  64. //document.getElementById("titnv").innerHTML = "<b>" + tits[id] + "</b>";
  65. curid = lastid = id;
  66. }
  67. function ScrollImg(){
  68. if(pause && opacity >= 100) return;
  69. if(sw == 0){
  70. opacity += 2;
  71. if(opacity > delay){ opacity = 100; sw = 1; }
  72. }
  73. if(sw == 1){
  74. opacity -= 3;
  75. if(opacity < 10){ opacity = 10; sw = 3; }
  76. }
  77. SetAlpha();
  78. if(sw != 3) return;
  79. sw = 0;
  80. curid++;
  81. if(curid > {php echo count($pinfo)}) curid = 1;
  82. ImgSwitch(curid, false);
  83. }
  84. function Pause(s){
  85. pause = s;
  86. }
  87. function StartScroll(){
  88. setInterval(ScrollImg, speed);
  89. }
  90. function CheckLoad(){
  91. if (imgs[1].complete == true && imgs[2].complete == true) {
  92. clearInterval(checkid);
  93. setTimeout(StartScroll, 2000);
  94. }
  95. }
  96. var checkid = setInterval(CheckLoad, 10);