Jquery Pikachoose插件在IE中给出了不寻常的结果

Question

我在我的页面上使用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选项 pikachoose.js

    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}); });

在其他浏览器中正常工作

发现

1. 如果我删除<a>了<img>,该停止脚本打开图像
2. 官方页面中提供的演示也是这样的

Answer 1

您是否尝试过设置 img 标签的高度/宽度？绕过 IE7 Quirks。