圖片調整大小，而使用JQuery反射（jsfiddle）

我想使用JQuery反射功能，我遇到了一些麻煩。反射功能在我嘗試添加類的任何圖像上都能正常工作，但是，只有在不修改圖像大小的情況下，它才能正常工作。圖片調整大小，而使用JQuery反射（jsfiddle）

一旦我嘗試調整我正在應用反射的圖像大小，我嘗試應用它的大小被忽略，並且圖像的一些被切斷......我想知道調整大小的正確方法是什麼我正在應用反射的圖像？

的jsfiddle

http://jsfiddle.net/suxcd/

注：如果刪除「寬：50％的」反射正常工作，整個圖像顯示爲它應該。

來源

2012-06-11 AnchovyLegend

可能的使用更小的圖像笑 – Huangism

不幸的是，谷歌搜索時的圖像，上面的圖片是我能找到的最小的。 – AnchovyLegend

這是可能的，但它只適用於使用所反映的所有圖像的一個百分比值（或者您必須使用ID）。不管怎樣，這裏是updated fiddle。

最重要的是代碼：編輯的文檔準備代碼：

$(document).ready(function() { 
    var options = { 
     opacity: 0.75 
    }; 
    $('.reflect').reflect(options); 
    $('.reflected').parent('.reflect').children('canvas').width('50%'); 
});

來源

2012-06-11 20:25:18

完美！謝謝！ – AnchovyLegend

@MHZ很樂意幫忙 –

您按百分比調整大小，如果你使用限定數量的工作原理

http://jsfiddle.net/suxcd/1/

我猜問題是你需要它在％

編輯：

看到這裏http://jsfiddle.net/suxcd/3/

基本上，我改變了這個

h.scale(0.5, -1);

0.5與50％相同，您可以輕鬆地將0.5設置爲動態值。獲取img標籤上的寬度屬性，如果有％，則抓住該數字將其轉換爲十進制並在那裏使用它。如果沒有％，那麼不要更改

來源

2012-06-11 20:17:12 Huangism

我沒有嘗試給圖像大小一個固定的值，因爲我需要爲我的項目使用百分比，但它很好理解。謝謝（你的）信息。 – AnchovyLegend

@MHZ我編輯了我的答案，因此您可以在img標記上使用百分比，並且它應該針對不同的圖像使用不同的百分比值。我提供了邏輯，代碼並不困難與jQuery。您也可以將相同的邏輯應用於您選擇的最佳答案，以便您可以對任何圖像使用不同的百分比尺寸 – Huangism

圖片調整大小，而使用JQuery反射（jsfiddle）

回答

相關問題