我的 ZoomHandlers 的 CSS 如图所示

Question

我的 ZoomHandlers 有一个 CSS，如图所示

.zoomHandle {宽度:10px；高度:55px；

请在此处查看图表上的 Zoomhandlers 图片 http://www.tiikoni.com/tis/view/?id=74ce68f

我想要的是，左右缩放处理程序上的左右箭头标记，如下所示

http://www.tiikoni.com/tis/view/?id=bab7819

我尝试添加背景图片:("Test.png"); , 但它没有显示

有什么想法吗？？

Answer 1

这是解决方案。 Css Sprites

你问怎么做？在教程中你看到了如何显示你告诉它缩放的大图像的一部分

<ul id="container">
<li id="image"></li>
</ul>

<style type="text/css">
#container{
position:relative;
width:400px;
height:200px;
background-image:url("background.jpg");
overflow:hidden;
}

#image{ 
position:relative;
width:1024px;
height:200px;
left:-100;
}
</style>

你可以有两个按钮，并使用 jquery 增加或减少#image 的左侧位置