在这种情况下如何在DIV中插入图像

Question

请参见此处的图片

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

如图所示，图像上有两个滑块，带有两个箭头标记（左和右）

请告诉我如何在我的滑块上显示这些箭头标记（此处显示）

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

我的问题是如何在这些滑块组件上实现这些箭头标记。

现在我的CSS代码是

.handle {
   position:relative;
     cursor: pointer;
    background: #eeeeee; 
    border: 3px solid #bbbbbb;
    overflow:hidden;

}
.zoomHandle {
position:relative;
width:7px;
height:50px;

}

我正在以这种方式使用它：

   this.handles.left = new Element('div', {id: 'leftHandle', 'class': 'handle zoomHandle', style: 'display: none;'});


            this.handles.right = new Element('div', {id: 'rightHandle', 'class': 'handle zoomHandle', style: 'display: none;'});

请帮我看看如何插入此图片

Answer 1

要在div中插入图像，您可以这样做：

document.getElementById("leftHandle").innerHTML = "<img src=\"your-image-left.png\" />";
document.getElementById("rightHandle").innerHTML = "<img src=\"your-image-right.png\" />";