Question

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

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

{{1}}

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

Answer 1

您的元素的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选项。

CSS如何设置宽度？

1 个答案: