將容器擴展到缺少1％的內容

Question

我目前在該網站上工作：

http://dingwangbag.com/

不幸的是，我仍然對幻燈片有問題：到目前為止，大多數瀏覽器似乎還不錯（有時最后仍然有些閃爍，但顯示出來了）

我的HTML設置是這樣的

<content>

    <gallery_item>
        <image>
        <image>
        <image>
    <gallery_item>

    <gallery_item>
        <image>
        <image>
        <image>
    <gallery_item>

</content>

在document.ready上，將調用一個函數，該函數將在完全加載每個圖像后為每個圖像運行此代碼塊（基本上獲取每個圖像的寬度並將其添加到容器寬度）

function show_image(image){

          var $item = $(image.img);
          img_width = Math.ceil(parseInt($item.width()));

          gallery_width += img_width;       
          $("#content").width(gallery_width);

          if(images_loaded === false){
                 $item.css("opacity",0);
                 $item.removeClass('offscreen');

                 $item.animate().animate({
                        opacity: 1
                        }, 2000, function() {
                        // Animation complete.
                        });
          }
};

這個塊在調整大小時運行

(".gallery_slides").each(function(i){
          current_slide_item = $(this);
          current_slide_item_width = 0; 

          $(this).find("img").each(function(){
             current_slide_item_width += $(this).width();    
          });

          gallery_width += current_slide_item_width;       
   });

   $(".gallery #content").width(gallery_width);

簡單的權利

到目前為止，它的工作仍然有效，但是在我看來，圖像的縮放會導致一些奇數加總到一個可能短1或2 px的值，從而導致最后一個容器沒有正確定位（所有容器和圖像都處於浮動狀態）左）現在這些折扣數字從何而來以及如何解決（我在容器寬度中添加了2px確實有所幫助）

但

Internet Explorer 9通過對滾動以及鼠標位置隨機顯示或隱藏圖像（甚至在組內） SOB有所反應，從而在做一些非常特別的事情

我發誓我沒有任何與此相關的懸停或滾動功能

所以如果有人可以看看並希望對我有幫助，那就太好了

提前致謝

Answer 1

不要ceil 。

img_width = parseInt($item.width());

另外：您應該將jQuery更新到1.11.1之前的版本中存在錯誤。