javascript - 如何在响应式设计中水平自动滚动图像

Question

所以我有这个网站:http://onthemouse.com/ .我使用 <li> 将我的投资组合图像排列成网格状标签在首页。我需要它们并排对齐并自动水平滚动，可能使用 javascript 或 jquery(请不要使用其他库)。如果它也有滚动条就好了。我试过这样的事情:

.portfolio li {
  width: 438px !important;
  display:inline !important;
}

然后

<ul id="thumbs" style="width:100%;list-style:none;display:block;white-space:nowrap;">
    <li class="portfolio" style="width: 438px; opacity: 1;display:inline;">
      <a href="BLAHBLAH" title="BLAHBLAH">
        <img src="BLAHBLAH" alt="" title="" >
      </a>
    </li>

如果您访问的页面有更多关联标签，那基本上只是一个精简版。但即使是这个代码(所有标签都明显关闭)似乎也不起作用..

Answer 1

您可以考虑在此处使用 Flexislider 来解决您的问题。这是一个响应式 slider 。

http://www.woothemes.com/flexslider/