横幅滑块脚本在 Safari、Chrome 中无法正常工作答案

【问题标题】：Banner slider script does not work properly in Safari, Chrome横幅滑块脚本在 Safari、Chrome 中无法正常工作
【发布时间】：2012-09-06 19:44:15
【问题描述】：

[链接][1] 下方有一个横幅（赞助商徽标）滑块脚本，该脚本在 IE 8、9 和 Firefox 中运行良好。但是将包装盒的大小减小到非常小的部分，这使得横幅在所有浏览器中几乎不可见（在我按下 Ctrl + F5 之后）。

如果是 Safari 和 chrome，它有时会在访问链接时显示横幅或使横幅包装盒非常小。

我试图玩弄并给出固定大小，但它不断覆盖默认的高度和宽度。

我会很感激这方面的帮助

Safari，它有时在 safari 中工作，有时它的行为类似于 Chrome 浏览器。我尝试使用 jQuery 提供固定尺寸来动态提供尺寸，但问题不断出现。

使用 carouFredSel 时使用以下脚本解决了问题，我使用 carouFredSel 机器人生成了现在可以正常工作的脚本。

$("#SponsorSlider").carouFredSel({
    width: 610,
    height: 152,
    align: "left",
    padding: 0,
    items: {
        visible: 4,
        minimum: 4,
        width: "variable",
        height: "variable"
    },
    scroll: {
        fx: "fade",
        duration: 1000
    }
});

【问题讨论】：

标签： jquery asp.net html css slider

【解决方案1】：

滑块必须有某种配置才能设置好的尺寸。如果您将链接指向您使用的滑块，那会更容易。

但是，如果你没有找到它，你可以使用 !important CSS hack：http://css-tricks.com/override-inline-styles-with-css/

【讨论】：

我什至尝试使用高度和宽度，但在不同的浏览器中仍然存在相同的问题
!important hack 可以在任何浏览器中使用...如果您需要更具体的内容，您应该更准确地描述您的问题！

【解决方案2】：

使用 carouFredSel 时使用以下脚本解决了问题，我使用 carouFredSel 机器人生成了现在可以正常工作的脚本。

$("#SponsorSlider").carouFredSel({
    width: 610,
    height: 152,
    align: "left",
    padding: 0,
    items: {
        visible: 4,
        minimum: 4,
        width: "variable",
        height: "variable"
    },
    scroll: {
        fx: "fade",
        duration: 1000
    }
});

【讨论】：