javascript - 自动 jQuery 轮播触发 FancyBox

Question

我是一名从事项目工作的网页设计师。我有一个需要 jQuery 的想法。由于我对 jQuery 的经验相当基础，我想我会在这里问什么可能是我需要的最佳选择。

我在项目的主页上有一个部分。我想要一堵等间距的图像“墙”。当页面加载时，第一张图片(在左上角)会向前“缩放”，有点像 Fancybox 或 Lightbox 的功能。然后图像将返回到墙上，然后该行中的下一个图像将“缩放”，依此类推。从理论上讲，这将永远持续下去，除非用户将鼠标悬停或单击其中一张图像。

关于如何做到这一点的想法？

谢谢!

“墙”的示例图片链接如下:

http://i25.tinypic.com/28vejk8.png

Answer 1

http://jsajax.com/Articles/jquerycarouselprettyphoto/1438

以下是您需要的。

<script type="text/javascript">
 $(function() {
  $('#listimg').jcarousel();
  $('.gallery a[rel^="prettyPhoto"]').prettyPhoto({theme: 'dark_rounded'});
 }); 
</script>

...

<div id="container">
  <div id="grid">
    <div id="listimg" class="jcarousel-skin-tango"> 
      <ul class="picturelist gallery clearfix">

        <li class="thumb">
          <a href="http://www.youtube.com/watch?v=Sosele6QlWo" 
            title="# 今、風の中で - 平原綾香" rel="prettyPhoto[YouTube]">
            <img src="http://i4.ytimg.com/vi/Sosele6QlWo/default.jpg" alt="" />
          </a>    
        </li>

...

      </ul>                 
    </div>
   </div>
 </div>