横幅滑块脚本在Safari,Chrome中无法正常运行

时间:2012-08-21 08:36:43

标签: jquery asp.net html css slider

下面[link] [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
    }
});

2 个答案:

答案 0 :(得分:0)

滑块必须有某种配置才能设置好尺寸。 如果您将链接添加到您使用的滑块,则会更容易。

但是,如果找不到,可以使用!important CSS hack:http://css-tricks.com/override-inline-styles-with-css/

答案 1 :(得分:0)

在使用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
    }
});