Question

我目前在这个网站上工作：

不幸的是我的幻灯片仍有问题：大多数浏览器现在似乎都没问题（有时候最后还是有点闪烁，但它会显示出来）

我的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像素短的值导致最后一个容器没有正确定位（所有容器和图像都向左浮动）现在这些关闭数字来自哪里，我该如何解决它（我在容器宽度上添加2px确实有帮助）

但是

Internet explorer 9正在做一些非常特别的事情通过对滚动和鼠标位置有些反应随机显示或隐藏图像（甚至在组内） SOB

我发誓我没有以任何方式与此相关的悬停或滚动功能

所以，如果有人能看到它并希望能帮助我，这将是非常好的

提前致谢

Answer 1

不要ceil。

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

另外：你应该将jQuery更新为1.11.1之前的版本中存在错误。

将容器扩展到缺少1％的内容

1 个答案: