CSS如何设置宽度?

时间:2015-08-20 04:23:39

标签: javascript jquery html css slideshow

我继承了一个有幻灯片放映的网页,我无法弄清楚如何更改包含幻灯片放映的element.style { width: 565px; }的宽度。我认为它是通过JavaScript获得的大小,但我已经搜索过,无法弄清楚在哪里。

如果您在页面上查看来源,您将看不到文章标签中的宽度,但如果您使用firebug查看您将看到的样式:

{{1}}

我在这里发布了一个示例版本:http://208.112.58.198/help/index_new.htm

1 个答案:

答案 0 :(得分:0)

您的元素的CSS宽度由jquery plugin应用。

/help/wp-content/themes/Cobalt3/cobalt/js/main68b3.js此文件行号#339具有以下代码。

$('#part-slideshow').carouFredSel({
    height: 300,
    width: '100%',
    circular: true,
    items: {
        visible: 1,
        height: 300,
    },
    scroll: {
        items: 1,
        fx: "crossfade",
        duration: 1000,
        easing: "swing"
    },
    auto: {
        timeoutDuration: 5000,
        delay: 5000,
        pauseOnHover: true
    },
    pagination: '#pagination',
    swipe: {
        onTouch: true,
        onMouse: true
    },
    responsive: true
});

插件将resize事件函数绑定到轮播元素,轮播元素根据屏幕大小设置元素宽度,因为在调用中添加了responsive: true选项。