2017-05-07 42 views
0

我正在使用jqpuzzle類將圖像變成滑動拼圖,這一切都很好,唯一的問題是我想讓圖像響應。無法讓jqpuzzle圖像響應

我曾嘗試加入以下CSS代碼的網頁,但它使得在jquery.jqpuzzle.full.js頁面沒什麼區別

img { 

max-width: 100%; 
height: auto; 
} 

,有下面的代碼行。

$srcImg.css({width: '50%', height: '50%', visibility: 'visible'}); 

這最初設置爲自動,但只是保持圖像原始大小,如果我的值更改爲50%,那麼它進入圖像等的原始尺寸的50%,但我不能找到一種方法使其響應。

回答

0

試試這個

$srcImg.css({width: '50%', height: 'auto', visibility: 'visible'}); 
+0

謝謝,但沒有它仍然是相同的,以及高度調節,但寬度不與瀏覽器縮小,原來他們都設置爲自動,但它沒反應在所有。 –

+0

這很奇怪。應該是父元素的50%。什麼是父元素的寬度。 – noyanc

+0

圖像尺寸實際上是650px寬,沒有縮小,我只是脫掉了父div,雖然它沒有預定義的大小,它仍然是相同的。 –