case-list.htm 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html>
  3. <#include "m/head-file.htm"/>
  4. <body>
  5. <#include "m/head.htm"/>
  6. <div class="ms-banner">
  7. <img src="{ms:global.host/}/{ms:global.style/}/images/mo.png" class="am-img-responsive" alt=""/>
  8. </div>
  9. <div class="ms-case-list" id="am-active-1">
  10. <ul data-am-widget="gallery" id='ms-ui' class="am-gallery am-avg-sm-2 am-gallery-imgbordered">
  11. {ms:arclist size=6 ispaging=true}
  12. <li>
  13. <div class="am-gallery-item ms-case-div">
  14. <a href='[field.source/]'><img class="ms-case-list-img" src="{ms:global.host/}[field.litpic/]" alt="[field.title/]"/></a>
  15. </div>
  16. <span class="am-hide ms-cur-{ms:page.cur/}-[field.index/]">{ms:page.next/}</span>
  17. </li>
  18. {/ms:arclist}
  19. </ul>
  20. <!-- <div id="ul{ms:page.cur/}"></div> -->
  21. </div>
  22. <#include "m/footer.htm"/>
  23. </body>
  24. </html>
  25. <script>
  26. /*var time = 1;
  27. $(window).scroll(function() {  
  28. var scrollTop = $(this).scrollTop();  
  29. var scrollHeight = $(document).height(); 
  30. var windowHeight = $(this).height();  
  31. if(scrollTop + windowHeight == scrollHeight) {
  32. var time2 = $(".ms-cur-" + time + "-1").text()
  33. if(time == "{ms:page.total/}") {
  34. return;
  35. }
  36. $("#ul" + time).load(time2 + " #ms-ui");
  37. $("#am-active-1").append("<div id=\"ul" + (time + 1) + "\"></div>")
  38. time++;
  39. }else if(scrollTop + 56 + windowHeight == scrollHeight){
  40. var time2 = $(".ms-cur-" + time + "-1").text()
  41. if(time == "{ms:page.total/}") {
  42. return;
  43. }
  44. $("#ul" + time).load(time2 + " #ms-ui");
  45. $("#am-active-1").append("<div id=\"ul" + (time + 1) + "\"></div>")
  46. time++;
  47. }
  48. });
  49. */
  50. </script>