JQuery Galleryview - PullRequest
Новая
       31

JQuery Galleryview

0 голосов
/ 26 апреля 2011

У меня есть веб-страница с плагином JQuery GalleryView, и по какой-то причине миниатюра в диафильме всегда исчезает, даже если это активно выбранная запись.Только при первом связывании первое изображение становится четким, но когда я прокручиваю изображения, изображения с кинопленки остаются блеклыми.Моя веб-страница доступна по адресу:

http://ssdev01.uis.kent.edu/VotingApplication/Main.aspx

, как только вы окажетесь на странице, пожалуйста, нажмите либо «Homecoming King», либо «Homecoming Queen» для плагина.Пожалуйста, помогите

1 Ответ

1 голос
/ 26 апреля 2011

Вы используете GalleryView 3.0b3, выпущенную 15 марта 2011 г., с jQuery 1.3.2, выпущенную 19 февраля 2009 г. Последняя версия jQuery - 1.5.2, выпущенная 31 марта 2011 г.

Обновление jQuery.

Редактирование

Просмотр исходного кода Galleria - это бит, который исчезает, если только this является текущим выбранным изображением: 

.mouseout(function(){
    //Don't fade out current frame on mouseout
    if(!$(this).parent().parent().hasClass('current')){
        $(this).stop().animate({opacity:opts.frame_opacity},300);
    }
});

, но на вашей странице $(this).parent().parent().hasClass('current') возвращает false.Я думаю, что вы не используете точно правильную структуру HTML, которую ожидает GalleryView, как в этой демонстрации .На вашей странице $(this).parent().parent() - это <div>, но на основании этой демонстрации GalleryView, похоже, ожидает, что это будет <li>.

Итак, я вижу два возможных исправления:

  • Использовать необработанную разметку (как прежде, "raw", перед тем как GV ее модифицирует) со структурой, идентичной структуре HTML в демонстрационной версии GV, с которой я связан, или

  • (Я менее уверен в этом) измените строку 595 jquery.galleryview-3.0.js с 

    if(!$(this).parent().parent().hasClass('current')){$(this).stop().animate({opacity:opts.frame_opacity},300);}

    на 

    if(!$(this).closest('li').hasClass('current')){$(this).stop().animate({opacity:opts.frame_opacity},300);}
...