Плагин Jquery Pikachoose, дающий необычные результаты в IE - PullRequest
10 голосов
/ 10 июня 2010

Я использовал плагин 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. Демо, представленное на официальной странице, также ведет себя так

Ответы [ 3 ]

2 голосов
/ 15 июля 2010

Попробуйте добавить / удалить / изменить DOCTYPE для HTML-документа, как я видел в IE, из-за проблем с настройками типа документа.

Также попробуйте удалить закрывающую косую черту из тега img ()

если работает какой-либо из вышеперечисленных, сравните рабочую демонстрацию и тип документа, чтобы увидеть, пропустили ли вы правильный тег doctype ...

0 голосов
/ 29 июля 2010

Какой фактический IE (есть 3, которые все еще используются)? В зависимости от версии вы можете заставить его кричать, чтобы пользователь переключился в «режим совместимости». Также, если вы можете убедиться, что у вас строгий формат XHTML (заголовок и alt не содержат двойных кавычек в вашем фрагменте), включая DOCTYPE, который может помочь. Попробуйте использовать пустую метку для первого изображения (просто без содержимого, вы можете дать ему пустое / прозрачное изображение в href, если хотите)

0 голосов
/ 08 июля 2010

Вы пробовали установить высоту / ширину тега img ?? обойти причуды IE7.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...