用控件水平滚动div的图像

我有一个div中的一堆图像。箭头控制左侧和右侧。我想让我的div用箭头控件左右滚动图片。我可以找到垂直滚动div上下，但现在左和右？用控件水平滚动div的图像

来源

2011-03-24 user520300

看看这个所谓的jCarousel

http://sorgalla.com/jcarousel/

来源

2011-03-24 03:12:04 Adil

检查出非常出色的轻量级jQuery插件，允许你做所有类型的滚动的jQuery插件。

http://flowplayer.org/tools/demos/scrollable/index.html

来源

2011-03-24 03:23:57 Hussein

通过编辑滚动元素的scrollLeft DOM属性上的箭头点击时，您可以左右滚动。

使用jQuery，您可以使用.scrollLeft()函数来获取或设置scrollLeft属性 - link to docs

这是一个非常简单的页面，我刚熟了，显示的行为：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 

<script type="text/javascript"> 
    function scrollDiv(dir, px) { 
     var scroller = document.getElementById('scroller'); 
     if (dir == 'l') { 
      scroller.scrollLeft -= px; 
     } 
     else if (dir == 'r') { 
      scroller.scrollLeft += px; 
     } 
    } 
</script> 

<style type="text/css"> 
    #scroller { 
     width: 400px; 
     height: 400px; 
     border: 1px solid blue; 
     overflow: scroll; 
     margin: 0 auto; 
    } 
    #inner-scroller { 
     width: 800px; 
     height: 800px; 
    } 
</style> 

</head> 
<body style="text-align: center;"> 

<a href="javascript: void(0);" onclick="scrollDiv('l', 20); return false;">scroll left</a> 
| 
<a href="javascript: void(0);" onclick="scrollDiv('r', 20); return false;"> scroll right</a> 

<div id="scroller"> 
    <div id="inner-scroller"> 
     800x800 
    </div> 
</div>  
</body> 
</html>

来源

2011-03-24 03:34:44

这里有一些有用的jQuery插件，用于处理图像。我相信其中一个适合你的目的。

14用于处理图像的jQuery插件 http://sixrevisions.com/resources/14-jquery-plugins-for-working-with-images/

来源

2011-03-24 04:01:47

用控件水平滚动div的图像

回答

相关问题