方法一
小工具不是特别完美,完美的展示应该是如下图一,但是我移植以后发现效果如下图二,然后我在css里面加入了width:290px;强制拉伸了图片以实现本文开头介绍的效果(即上述方法实现以后的效果)
这个问题的出现原因是JS对宽度的选择可能会与主题有关,有些主题可能正常,有些主题可能会与我一样偏小。强制拉伸会导致图片的清晰度下降。下图可以看到像素给得偏小,而从那个主题里移植之前正常的像素应该如图2
正常情况下
确定这个宽度的js代码在slider.js里面。相关代码是a.size。
这个a.size貌似来自于
- case "hcover":
- switch (b) {
- case "init":
- a.size = a.wrap.width(),
- a.item.css({
a.wrap又来自于
- d.next = d.tap.find(d.options.elements.next),
- d.wrap = d.tap.find(e[0]),
- d.roll = d.wrap.find(e[1]),
e[0]来自于下面这句
- e = d.options.elements.roll.split(" ");
这个BUG希望懂JS的朋友能帮助看看。相关代码都位于移植来源里面
方法二
在IE模式下左右的箭头不会显示,如下图,但是功能正常,点击图片左右位置依然可以切换图片。而且两个小工具都会定时切换自动图片。如果有人能修改这个BUG想必是极好的,相关代码都位于移植来源里。