Question

我正在使用在here

指定的图像滑块

我的图像尺寸不同，我想使用以下代码设置图像的宽度和高度：

<img src='77.png' width="20px" height="20px" />

但这不起作用。

我对javascript很新，任何帮助都会得到极大的帮助！

Answer 1

我真的不认为这段代码可以处理它（可能是对javascript进行了非常严肃的改造）。我在这里设置了一个小提琴：http://jsfiddle.net/JLjCP/9/并且在检查它正在做什么时，它根本不关心图像本身的大小，也不关心你是否通过width明确地调整了图像大小。 height属性。它只接受引用的图像文件并将其用作拆分组件的重新定位背景图像，这些组件的大小完全按显示器的宽度和高度以及您指示它执行的部分数量。

所以简短的回答是这段代码不能做你想做的事。

Answer 2

把它放在你的css中：

    .cs-coin-slider
    {
    /*i think the class name is depend on what you set*/ 
        -o-background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        -khtml-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        background-size: 20px 20px;
    }

如果你坚持使用这个硬币滑块，无论你在html中设置大小还是设置图像的css宽度+高度，它都不会调整大小，因为这个插件将图像视为背景......并且css3背景调整大小这是拯救你的唯一方法：）

Answer 3

该页面上的文档说明您可以将大小选项传递给构造函数：

$('#coin-slider').coinslider({ width: 20, height: 20 });

如果您在同一幻灯片中有不同尺寸的图像，并且想要动态更改滑块的大小，则可能无法实现。使用相同大小的图像或调整CSS，以便在较小的图像周围获得黑条或类似的效果。

Answer 4

请发布完整的HTML / JS源代码，图像大小无关紧要，只要它们与幻灯片的容器具有相同的高度/宽度即可。您可能在JS中以错误的方式调用插件。

JQuery图像滑块有图像宽度和问题的问题高度

4 个答案: