Question

我遇到了最奇怪的错误。

加载此链接时http://travisjterry.com/SBCorp/index.php

没有在页面底部附近加载carousal但是如果你从导航中点击徽标或home。另外，如果你做一个命令+ r，它会打破这个结果。

这似乎只是Chrome和Safari在Windows和Mac上的一个问题。

任何人都知道造成这种情况的原因是什么？我很难过这一个请帮助！

Answer 1

if(jQuery("#gallery-thumb").length){
jQuery('#gallery-thumb').carouFredSel({
        responsive: true,
        auto: false,
        width: '100%',
        prev: '#prevy',
        next: '#nexty',
        pagination: "#pager2",
        scroll: 1,
        items: {
            width: 150,
            height: 130,    //  optionally resize item-height
            visible: {
                min: 1,
                max: 5
            }
        }

    });
}

Answer 2

我不确定，但也许它与某些事情有关：

onMouseOut=src="images/productbump/booth.png"
onMouseOver=src="images/productbump/booth_hover.png"

通常对于图像交换，你会使用类似的东西：

<img id="img2"

    onmouseover="imgChange2('../images/image1.gif')" 
    onmouseout="imgChange2('../images/image2.gif')" 

    src="../images/image2.gif">

</img>

使用javaScript：

function imgChange2( img ) { document.img2.src = img; }

更新

您的caroufredsel_wrapper指定的高度为23px：

<div class="caroufredsel_wrapper" style="display: block; text-align: start; float: 
none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 
auto; width: 618px; height: 23px; margin: 0px; overflow: hidden;">

并设置为overflow:hidden;

将这些参数更改为适当的数字应该可以解决问题。

Answer 3

问题在于您的身高设置与carofredsel_wrapper内联。您将其设置为20px高度并隐藏溢出，因此图片将不适合。将该数字更改为与照片一样大的数字，它将正常工作..我使用了100px

Answer 4

第一次加载页面时，.caroufredsel_wrapper的高度为25px ..这还不够。实际上它实际上是在开始时加载，但高度是关闭的。在页面满载之前，你可能正在设置高度吗？

Answer 5

我认为当你通过jquery初始化滑块时，你的高度被注释掉了。

当您初始化＃gallery-thumb尝试将高度设置为130时，第二次调用插件就像这样。我认为这样做会有所帮助。

if(jQuery("#gallery-thumb").length){
    jQuery('#gallery-thumb').carouFredSel({
            responsive: true,
            auto: false,
            width: '100%',
            prev: '#prevy',
            next: '#nexty',
            pagination: "#pager2",
            scroll: 1,
            items: {
                width: 150,
                height: 130,    //  optionally resize item-height
                visible: {
                    min: 1,
                    max: 5
                }
            }

        });
    }

刷新时Javascript不加载

5 个答案:

更新