jQuery的Galleriffic幻燈片

CSS垂直空間的問題幻燈片的主要照片會出現不同的是IE7和IE8和Firefox之間的左邊距。jQuery的Galleriffic幻燈片

在IE中有幾個像素的幻燈片圖片不顯示，彌補了控制事業部（藍股利W /播放幻燈片）額外的垂直空間。

然而，幻燈片股利和股利控制正確顯示在Firefox中的左緣。

這裏是圖像的顯示與我的IE8瀏覽器：

enter image description here

我不能確定爲什麼會有額外的垂直空間。

這裏是網站的發展：http://www.davincispainting.com/InteriorGallery.aspx

的CSS的名稱是：galleriffic-2.css。

來源

2011-04-09 Paul

答案是刪除@clairesuzy指出的' '，併爲'div.controls'等元素添加一些'margin-bottom'，例如'margin：5px 0 18px 53px '。 – thirtydot 2011-04-09 12:49:40

<div id="slideshow" class="slideshow"> 
    <span style="opacity: 1;" class="image-wrapper current"> 
    <a class="advance-link" rel="history" href="#bigleaf" title="Title #2"> 
&nbsp; 
     <img src="images/Portfolio/Interior/Normal/InteriorPic2a.jpg" alt="Title #2"> 
    </a> 
    </span> 
</div>

這 是什麼導致IE中的垂直間隙，它引起別人的水平差距：○倒不如將其刪除，如果你想使用保證金的圖像horizontal gap

來源

2011-04-09 11:15:25 clairesuzy

我發現這個（）被插入瓦特/這是創建一個隱藏的範圍在JavaScript內。你知道現在在IE9中的功能嗎？ – Paul 2011-04-09 14:46:47

@保羅高興它的工作，爲IE7/8反正 - 對不起，我不知道IE9並不能測試，但不是因爲我不認爲改變是不夠的我會想象 – clairesuzy 2011-04-09 14:52:09

您只需簡單地添加IE的CSS破解這一點，具體爲IE6/7/8，例如：

margin: 5px 0 0 55px\9; // it's for IE8 
*margin: 5px 0 0 55px; // it's for IE7 
_margin: 5px 0 0 55px; // it's for IE6

但實際上你的最嚴重的問題是，幻燈片甚至沒有在IE9工作，您應該嘗試修復此問題或切換到其他插件。

乾杯

來源

2011-04-09 03:28:23 Linmic

這是一個嚴重的問題。你認爲這是插件的固有問題嗎？ – Paul 2011-04-09 03:35:11

這會花費你很多時間來修復插件本身，但是你可以切換到其他插件，這些插件在Google搜索中有很多。這可以幫助：http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/乾杯 – Linmic 2011-04-09 03:36:42

jQuery的Galleriffic幻燈片

回答

相關問題