Плагин JQuery Pikachoose дает необычные результаты в IE
Я использовал плагин Jquery Pikachoose на моей странице для отображения некоторых изображений в виде слайд-шоу.
Но в IE вместо изображения для слайда он открывается на той же странице в полном виде.
И самое забавное: если до того, как script откроет изображение, если я сам сменил слайд, нажав на миниатюру, то с этого момента и дальше он отлично работает.
Как исправить это
Я извлекаю имя изображения из базы данных и показываю следующее
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}); });
Прекрасно работает в другом браузере
Выводы
- Если я удалю
<a>
<img>
, это остановит script от открытия изображения
- Демонстрация, представленная на официальной странице, также ведет себя как
Ответы
Ответ 1
Попробуйте добавить/удалить/изменить DOCTYPE для html-документа, поскольку я видел, что IE вызывает проблемы из-за настроек doctype.
Кроме того, попробуйте удалить закрывающую косую черту img()
если одно из вышеперечисленных работ, затем сравните рабочую демонстрацию и тип документа, чтобы убедиться, что вы пропустили правильный тег doctype...
Ответ 2
Вы пытались установить высоту/ширину тега img? чтобы обойти IE7 Quirks.
Ответ 3
Какой фактический IE (есть 3, которые используются в использовании)? В зависимости от версии вы можете заставить пользователя кричать, чтобы он переключился на "режим совместимости". Также, если вы можете убедиться, что у вас строгий формат XHTML (название и альт не имеют двойных кавычек в вашем фрагменте), в том числе DOCTYPE, которые могут помочь. Попробуйте использовать пустой тег для первого изображения (просто без содержимого, вы можете дать ему пустой/транспатентный рис в href, если хотите)