方法一
小工具不是特别完美,完美的展示应该是如下图一,但是我移植以后发现效果如下图二,然后我在css里面加入了width:290px;强制拉伸了图片以实现本文开头介绍的效果(即上述方法实现以后的效果)
![clipboard[3] clipboard[3]](https://g22z.com/wp-content/uploads/2015/12/clipboard3_thumb.png)
![clipboard[4] clipboard[4]](https://g22z.com/wp-content/uploads/2015/12/clipboard4_thumb.png)
这个问题的出现原因是JS对宽度的选择可能会与主题有关,有些主题可能正常,有些主题可能会与我一样偏小。强制拉伸会导致图片的清晰度下降。下图可以看到像素给得偏小,而从那个主题里移植之前正常的像素应该如图2
![clipboard[5] clipboard[5]](https://g22z.com/wp-content/uploads/2015/12/clipboard5_thumb.png)
正常情况下
![clipboard[6] clipboard[6]](https://g22z.com/wp-content/uploads/2015/12/clipboard6_thumb.png)
确定这个宽度的js代码在slider.js里面。相关代码是a.size。
![clipboard[7] clipboard[7]](https://g22z.com/wp-content/uploads/2015/12/clipboard7_thumb.png)
这个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想必是极好的,相关代码都位于移植来源里。
![clipboard[8] clipboard[8]](https://g22z.com/wp-content/uploads/2015/12/clipboard8_thumb.png)