我在我的页面上使用了
Jquery Pikachoose插件来显示一些图像作为幻灯片.
但是在IE中,而不是图像幻灯片,它可以在同一页面中打开图像.
而有趣的是,如果在脚本打开图像之前,如果我通过点击缩略图自己更改幻灯片,那么从这一点开始,它工作正常.
如何解决这个问题
我从数据库中获取图像名称,显示如下
echo '<div id="slideShow" class="sublayout pikachoose"> <ul id="pikame">'; while($row = MysqL_fetch_array($result)) { extract($row); echo '<li> <a href="images/slideshow/'.$image.'"> <img src="images/slideshow/th_'.$image.'" title='.$title.' alt='.$title.'/> </a> <span>'.$title.'</span> </li>'; } echo '</ul> </div>';
这是pikachoose.js中的pikachoose选项
var defaults = { show_captions: true,auto_play: true,show_prev_next: true,slide_speed: 5000,thumb_width: 26,thumb_height: 20,buttons_text: { play: "",stop: "",prevIoUs: "PrevIoUs",next: "Next" },delay_caption: true,user_thumbs: false,transition:[-1],IESafe: true };
我使用这个(也在单独的文件)初始化插件
$(document).ready(function (){ $("#pikame").pikaChoose({auto_play:true,IESafe: true}); });
在其他浏览器中正常工作
发现
>如果我删除< a> < img>,这将阻止脚本打开图像
>官方页面中提供的演示也是这样的
解决方法
尝试添加/删除/更改HTML文档的DOCTYPE,因为我看到IE因为doctype设置导致问题.
另外,尝试从img标签()中删除关闭斜线
如果上述任何一个工作,然后比较工作演示和您的文档类型,看看你是否错过了正确的doctype标签…