2012-10-21 36 views
1

我試圖在JQuery中創建一個滑塊。我在div裏面有兩張圖片。當按下右鍵時,我想讓底層圖像開始放置在其上,並將其滑動到其他圖像頂部的右側。我使用此代碼爲:JQuery使圖像不可見,如果外部div

var position = $("#IMAGE1").position(); 
var width = position.left-1050; 
$("#IMAGE1").css('left', width); 
$("#IMAGE1").animate({"left": "+=1050px"}, "slow"); 

現在我只希望看到的圖像是在div,部分未在其外部(它看起來真的很草率,因爲div有邊框)。問題是,如何?

+1

只需將「overflow:hidden;」的CSS樣式添加到包含div(確保它具有適當的寬度/高度設置)即可。 –

+0

不起作用... – user1534664

+1

向我們展示一個示例,然後 - link,jsFiddle,東西。 「不起作用」是什麼意思,圖像是從包含div的流血?包含div的位置是'relative'嗎? –

回答

2

確保包含div有以下CSS樣式:

position: relative; 
overflow: hidden; 

這應該做的伎倆。