Jquery的Simplyscroll在容器/片段添加左和右图像

Question

我使用的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> 

会是什么，以便在最佳实践/方法为我做到这一点？

一些意见，将不胜感激。

谢谢 帕特里克

Answer 1

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

.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) 
     );