api_picture.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <script type="text/javascript" src="{JS_PATH}search_common.js"></script>
  2. <style type="text/css" >
  3. .photo_prev a{cursor:url({IMG_PATH}v9/prev.cur), auto;}
  4. .photo_next a{cursor:url({IMG_PATH}v9/next.cur), auto;}
  5. .photo-channel #Article .big-pic #big-pic{ width:900px;}
  6. .photo-channel #Article .big-pic,#Article .list-pic,.photo-channel #Article .text{ margin:0 10px}
  7. #Article .list-pic{ height:80px}
  8. #Article .cont{ width:884px}
  9. </style>
  10. <div class="main photo-channel">
  11. <div id="Article" class="box" style="padding:0">
  12. <h5>图片报道<a href="{$t['url']}" class="more">更多>></a></h5>
  13. <div class="big-pic">
  14. <div id="big-pic"></div>
  15. <div class="photo_prev"><a id="photoPrev" class="btn_pphoto" target="_self" hidefocus="true" href="javascript:;" onclick="showpic('pre');"></a></div>
  16. <div class="photo_next"><a id="photoNext" class="btn_nphoto" target="_self" hidefocus="true" href="javascript:;" onclick="showpic('next')"></a></div>
  17. <a href="javascript:;" class="max" onclick="showpic('big');">查看原图</a>
  18. <div id="endSelect" style="display: none;">
  19. <div id="endSelClose" onclick="$('#endSelect').hide();"></div>
  20. <div class="bg"></div>
  21. <div class="E_Cont">
  22. <p>您已经浏览完所有图片</p>
  23. <p><a id="rePlayBut" href="javascript:void(0)" onclick="showpic('next', 1);"></a></p>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="list-pic">
  28. <a href="javascript:;" onclick="showpic('pre')" class="pre-bnt"><span></span></a>
  29. <div class="cont" style="position:relative">
  30. <ul class="cont picbig" id="pictureurls" style="position:absolute">
  31. {loop $pictureurls $pic_k $r}
  32. <li><div class="img-wrap"><a href="javascript:;" hidefocus="true"><img src="{thumb($r[url], 100, 137, 0)}" alt="{$r[alt]}" rel="{$r[url]}"/></a></div></li>
  33. {/loop}
  34. </ul>
  35. </div>
  36. <a href="javascript:;" onclick="showpic('next')" class="next-bnt"><span></span></a>
  37. </div>
  38. <div class="text" id="picinfo"></div>
  39. <div class="content">
  40. {$content}
  41. </div>
  42. </div>
  43. </div>
  44. <div id="load_pic" style="display:none;" rel="{IMG_PATH}msg_img/loading_d.gif">
  45. </div>
  46. <script type="text/javascript" src="{JS_PATH}show_picture.js"></script>