iphone图像中的图像幻灯片

Question

我想做和这个网站一样的幻灯片： http://groupme.com/iphone

我想对 iphone 图像和其中的 5 个不同图像做同样的事情，这些图像会随着相同的效果发生变化。 一些示例代码或 jquery 库也会有所帮助。 谢谢。

Answer 1

这个怎么样？ 如果你愿意，我可以细化/添加点。

<html>
  <head>
    <style>
      .mask {
        position: absolute;
        left: 31;
        top: 122;
        width: 239;
        height: 342;
        overflow: hidden;
      }
      .canvas {
        position: relative;
        width: 2195;
        height: 342;
      }
      .page {
        width: 239;
        height: 342;
        float:left;
      }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      var $canvas
      $(function(){
        $canvas=$("div.canvas")
        setInterval(scroll, 5000);
      });
      function scroll(){
        if ($canvas.position().left!=-956){
          $canvas.animate({left: "-=239"});
        }else{
          $canvas.animate({left: 0});
        }
      }
    </script>
  </head>
  <body>
    <img src="http://groupme.com/images/apps/iphone.png">
    <div class="mask">
      <div class="canvas">
        <div class="page">a</div>
        <div class="page">b</div>
        <div class="page">c</div>
        <div class="page">d</div>
        <div class="page">e</div>
      </div>
    </div>
  </body>
</html>

Answer 2

查看他们的来源有什么问题？

iphone图像中的图像幻灯片

问题描述

2 个解决方案

解决方案1
4 已采纳 2011-07-07 14:48:11

解决方案2
1 2011-07-07 12:16:44

iphone图像中的图像幻灯片

问题描述

2 个解决方案

解决方案1 4 已采纳 2011-07-07 14:48:11

解决方案2 1 2011-07-07 12:16:44

解决方案1
4 已采纳 2011-07-07 14:48:11

解决方案2
1 2011-07-07 12:16:44