我如何使用流量滑塊

Question

我想用flux slider的網站我建立改變圖像大小......一切正常，除了罰款，我不能夠改變圖像大小......我曾嘗試以下的jQuery

$(function(){ 

if(!flux.browser.supportsTransitions) 
alert("Flux Slider requires a browser that supports CSS3 transitions"); 

window.f = new flux.slider('#slider', { 
pagination: true, 
width: 300, 
height: 300, 
transitions: ['bars3d'] 

}); 

}); 

但是這會將圖像裁剪爲我指定尺寸的縮放尺寸。
有沒有解決方法？請幫忙。

Answer 1

有三個可能的問題（不確定，因爲你沒有添加html/css r小提琴）;

1）您正在調整圖像容器的大小，因爲您已將height和width設置爲圖像以及例如<img src="blahblah.jgp" height="900" width="500" />刪除height/width將解決此問題。

2）其次，檢查你是否有一些css沒有讓js覆蓋，即你正在使用!important圖像上應用了css（height/width）。

3）最後但並非最不重要的，試試這個通過js，你已經在做圖像容器height/width，這將使圖像自動適合他們的容器。

img{ 
    max-width: 100% !important; 
    height:auto 100% !important; 
    display:block 100% !important; 
} 

也嘗試添加！與您的js重要。希望他們中的任何人都能爲你工作。

好運

Answer 2

將高度更改爲0並將寬度設置爲負值應該這樣做。

$(function(){ 
    if(!flux.browser.supportsTransitions) 
     alert("Flux Slider requires a browser that supports CSS3 transitions"); 
    window.f = new flux.slider('#slider', { 
     pagination: true, 
     width: -300, 
     height: 0, 
     transitions: ['bars3d'] 
    }); 
});