example.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>图集显示例子</title>
  6. <style>
  7. /* 小图导航(当前图样式) */
  8. .espiccss{background-color:#666666;color:#ffffff;}
  9. /* 列表分页导航(当前分页样式) */
  10. .epiclpcss{font-weight:bold;}
  11. /* 大图显示 */
  12. .eimgBox{
  13. position: relative;
  14. float:left;
  15. }
  16. .eimgBox div{
  17. position:absolute;
  18. left:0px;
  19. top:0px;
  20. width:50%;
  21. height:98%;
  22. background: #fff;
  23. opacity:0.0;
  24. filter:alpha(opacity=0);
  25. }
  26. .eimgBox .eimgboxleft{
  27. cursor: pointer;
  28. }
  29. .eimgBox .eimgboxright{
  30. left:50%;
  31. cursor: pointer;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <table width="100%" border="0" cellspacing="1" cellpadding="3">
  37. <form name="eViewPicForm" id="eViewPicForm" method="post" action="">
  38. <input type="hidden" name="ethispage" id="ethispage" value="0">
  39. <input type="hidden" name="autoplaystop" id="autoplaystop" value="1">
  40. <tr>
  41. <td colspan="3" align="center">
  42. <select name="autoplaysec" id="autoplaysec">
  43. <option value="1">1秒</option>
  44. <option value="2">2秒</option>
  45. <option value="3" selected>3秒</option>
  46. <option value="4">4秒</option>
  47. <option value="5">5秒</option>
  48. <option value="6">6秒</option>
  49. <option value="7">7秒</option>
  50. <option value="8">8秒</option>
  51. <option value="9">9秒</option>
  52. <option value="10">10秒</option>
  53. </select><input type="button" name="Submit" value="自动播放" onclick="if(document.getElementById('autoplaystop').value==1){document.getElementById('autoplaystop').value=0;ecmsPicAutoPlay();this.value='手动播放';}else{document.getElementById('autoplaystop').value=1;this.value='自动播放';}">
  54. <input type="button" name="Submit2" value="上一张" onclick="ecmsShowPrePic();">
  55. <input type="button" name="Submit22" value="下一张" onclick="ecmsShowNextPic();">
  56. <span id="ecmsselectpagesid"></span>
  57. <input type="button" name="Submit222" value="查看原图" onclick="ecmsShowTruePic();"></td>
  58. </tr>
  59. <tr>
  60. <td colspan="3" align="center">分页:<span id="ecmslistpagesid"></span></td>
  61. </tr>
  62. <tr>
  63. <td colspan="3">
  64. <table border="0" cellspacing="1" cellpadding="3" align="center">
  65. <tr>
  66. <td>
  67. <div class="eimgBox">
  68. <img src="[!--news.url--]e/data/modadd/morepic/loading.gif" width=600 height=450 id="ecmsbigpicid" onclick="ecmsShowNextPic();">
  69. <div class="eimgboxleft" title="上一张" onclick="ecmsShowPrePic();">&nbsp;</div>
  70. <div class="eimgboxright" title="下一张" onclick="ecmsShowNextPic();">&nbsp;</div>
  71. </div>
  72. </td>
  73. </tr>
  74. <tr>
  75. <td><div align="center" class="spicid"><img src="[!--news.url--]e/data/modadd/morepic/loading.gif" id="ecmssmallpicid"></div></td>
  76. </tr>
  77. <tr>
  78. <td><div align="center" id="ecmspicnameid">图片说明</div></td>
  79. </tr>
  80. </table>
  81. </td>
  82. </tr>
  83. <tr>
  84. <td width="8%"><div align="center"><a href="#empirecms" onclick="ecmsMoveSmallPics(-120);">&lt;&lt;</a></div></td>
  85. <td width="84%" height="45" align="center"><div style="width:380px; height:125px; border:1px solid red; margin:auto; overflow-y:hidden; overflow-x:scroll;word-break:keep-all;white-space:nowrap;" id="ecmssmallpicsid">
  86. </div></td>
  87. <td width="8%"><div align="center"><a href="#empirecms" onclick="ecmsMoveSmallPics(120);">&gt;&gt;</a></div></td>
  88. </tr>
  89. </form>
  90. </table>
  91. <?=sys_ModShowMorepic(120,80,'')?>
  92. </body>
  93. </html>