jquery循環插件圖像調整大小問題歌劇

我在Joomla內使用循環插件，它在IE6，FF，SAFARI，CHROME上正常工作，但是當您在OPERA中查看它時會發生破壞。jquery循環插件圖像調整大小問題歌劇

它加載得很好，但是當它帶來下一張幻燈片和每一個後續幻燈片後，它將它們重新設置爲我只能假定爲browswe窗口的寬度和高度。

，這裏是我的javascript

<script type="text/javascript"> 

$('.fullScreen').cycle({ 
     speed: 1000, 
     timeout: 100 
    }); 

</script>

CSS

<script type="text/css"> 

.fullScreen { 
margin-left: 0px; 
height: 355px; 
clear: both; 
width: 475px; 
z-index: -1; 
overflow: hidden; 
} 

</script>

終於HTML

<div class="fullscreen"> 

    <img width="475px" src="images/someimage1.jpg" /> 
    <img width="475px" src="images/someimage2.jpg" /> 
    <img width="475px" src="images/someimage3.jpg" /> 

</div>

希望我不是有這個問題的唯一的一個。

來源

2010-03-18 Sam Gregory

嘗試使用舊版本的jQuery庫。我一直在使用1.4.2，並有一個相同的問題。改爲1.3.2解決它，但仍然可以嘗試一個更晚的。

來源

2010-03-29 09:03:59

我有同樣的問題，但找到了解決方案，我會解釋。

我試過1.3.2,1.4,1.4.2版本的jquery 如果我使用1.3.2或更舊的版本，插件將無法使用chrome和safari。奇怪的是，它在我的電腦上的歌劇和所有瀏覽器上都能正常工作，只要我把它放到網上，它就無法工作。

我發現我的問題的原因，我有一個<基地href =「{copixurl}」/>。如果我擺脫它，它會起作用。不幸的是，我不能，這個標籤用於獲取客戶端的copixbased cms上的URL，如果我擺脫它，內部鏈接將不再工作。

因此，尋找一種解決方案，可以讓我保持基地href =「{copixurl}」/>並使幻燈片在歌劇工作。我最終得到了一張，不是很「乾淨」，但是我給出了slideshow圖像的寬度和高度，我做到了！重要的是，Opera能夠理解它，必須保持這種方式。

代碼：

<div id="slideshow"> 

<img width="500" height="270" alt=" img" src="documents/fck/image/slideshow/img1.png" /> 
<img width="500" height="270" alt="img" src="documents/fck/image/slideshow/img2.png" /> 
<img width="500" height="270" alt="img" src="documents/fck/image/slideshow/img3.png" /> 
<img width="500" height="270" alt="img" src="documents/fck/image/slideshow/img4.png" /> 

<img width="500" height="270" alt="img" src="documents/fck/image/slideshow/img5.png" /></div>

jQuery的：

$(document).ready(function() { 
    $('#slideshow').cycle({ 
     fx: 'fade', speed: 4000 , pause: 5 

    }); 
});

的CSS：

#slideshow{ 
width:500px ; 
height: 270px ; 
} 

#slideshow img{ 
width:500px !important; 
height: 270px !important; 
}

這是CSS代碼，這將使歌劇院的第二部分（版本 10.53）的行爲。 ！重要的能夠覆蓋歌劇院內部樣式表，不要刪除它，它不會工作了

我不太明白的地方我的問題而來，但現在它工作。當然，如果你有不同大小的圖像，這個解決方案將無法工作，你可能不得不爲每個圖像提供一個css class + css大小。

我對這種不清潔的解決方案並不感到自豪，但它迄今爲止對我有用，使用1.4。2 jQuery的

（對不起，我的英語水平，希望你明白我在說什麼）

來源

2010-05-05 09:10:59

saiko_sama與答案IE6和IE7，同樣提供給我！重要的除了CSS工作有作爲。

來源

2010-10-18 19:36:43 Screenack

jQuery的週期忽略內嵌樣式所以這樣的：

<img src="/images/img.jpg" width="400" height="300" style="width:400px;height:300px">

計算爲這樣：

<img src="/images/image.jpg">

沒用！

..但...

添加這樣的事情：

<style> 
    #cycle img {width:400px;height:300px} 
</style>

和它的作品，yeaaaa

來源

2011-06-10 06:52:47 Coomie

你的建議設置寬度/樣式表的圖像高度工作出色。我最初有一個內聯樣式定義圖像容器的寬度/高度（例如，div＃循環），但這不起作用。 – Wireblue 2011-07-21 23:22:52

jquery循環插件圖像調整大小問題歌劇

回答

相關問題