问Jquery Simplyscroll在容器/剪辑中添加左右图像
EN

Stack Overflow用户

提问于 2012-09-03 11:49:39

回答 1查看 375关注 0票数 0

我正在使用Jquery Simplyscroll (http://logicbox.net/jquery/simplyscroll/)，我正在寻找一种方法来添加一个图像(褪色的png)在左侧和右侧，以避免我的图像被“切断”一旦滑动。

我的滚动条代码是：

    <script type="text/javascript">
    (function($) {
        $(function() {
            $("#scroller").simplyScroll();
        });
    })(jQuery);
    </script>

    <ul id="scroller">
      <li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080608_9N3H5GYL_tb.jpg" width="290" height="200" alt="Firehouse"></li>
        <li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080513_4D3SD1BQ_tb.jpg" width="290" height="200" alt="Chloe nightclub"></li>
        <li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080513_VPJWVQRW_tb.jpg" width="290" height="200" alt="Firehouse bar"></li>
        <li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080514_B1YJ08B6_tb.jpg" width="290" height="200" alt="Firehouse chloe club fishtank"></li>
        <li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080514_JYW68XPT_tb.jpg" width="290" height="200" alt="Firehouse restaurant"></li>
        <li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080608_38CG51J2_tb.jpg" width="290" height="200" alt="Firehouse"></li>
    </ul>

为了实现这一目标，最佳实践/方法是什么？

如果您能提一些建议，我们将不胜感激。

谢谢你，帕特里克

jquery

css

回答 1

Stack Overflow用户

发布于 2012-09-03 12:15:26

我找到了一个临时的解决方案：

    .mask {
         -webkit-mask: -webkit-linear-gradient(
              left,
             rgba(255,255,255,0),
             rgba(255,255,255,1) 5%,
             rgba(255,255,255,1) 95%,
             rgba(255,255,255,0)
         );

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12241766

复制

相似问题

问Jquery Simplyscroll在容器/剪辑中添加左右图像
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery Simplyscroll在容器/剪辑中添加左右图像EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery Simplyscroll在容器/剪辑中添加左右图像
EN