如何插入內部DIV圖片在這種情況下

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;'});

請幫助我如何將這個圖片

來源

2011-05-19 Kiran

謝謝你，我試過這種方式我不能使用你建議的代碼 ' this.handles.left = new Element（'div'，{id：'leftHandle'，'class'：'handle zoomHandle1' }）; this.handles.right = new Element（'div'，{id：'rightHandle'，'class'：'handle zoomHandle2'}）; ' and my css ' .zoomHandle 1 { width：7px; height：50px; background-image：url（'Left.png'）; margin：0px } .zoomHandle 2 { } background-image：url（'Right.png'）; width：7px; height：50px; margin：0px } ' 但圖像沒有顯示，有人可以請幫我 – Kiran 2011-05-19 07:55:55

要插入的圖片divs，你可以這樣做：

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

來源

2011-05-19 07:49:03 bfontaine

如何插入內部DIV圖片在這種情況下

回答

相關問題