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.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>，则会停止脚本打开图片
官方页面中提供的演示也表现得像

Answer 1

尝试添加/删除/更改html文档的DOCTYPE，因为我看到IE因文档类型设置而导致问题。

另外，尝试从img标记（）

中删除结束斜杠

如果上述任何一个工作，然后比较工作演示和您的文档类型，所以看看你是否错过了正确的doctype标签......

Answer 2

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

Answer 3

哪个实际的IE（有3个是正在使用的）？根据版本的不同，您可以让用户尖叫，让它切换到“兼容模式”。此外，如果您可以确保您具有严格的XHTML格式（标题和alt在您的代码段中没有双引号），包括可能有帮助的DOCTYPE。尝试为第一张图片使用空标签（只是没有内容，如果需要，可以在href中为其提供空白/透明图片）

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

3 个答案: