Графика пейджера jquery cycle.js работает в Safari, Firefox, Chrome и Opera, но исчезает в IE - PullRequest
Новая
       10

Графика пейджера jquery cycle.js работает в Safari, Firefox, Chrome и Opera, но исчезает в IE

0 голосов
/ 12 февраля 2010

Я наконец-то запустил свой сайт. Я графический дизайнер, а не программист, поэтому я новичок. По кодам это может быть не самым красивым, но это работает. Если вы зайдете в рабочий раздел моего сайта, функция http://www.maryhutchisondesign.com, пейджера (я использовал фоновый gif для состояния a и активного состояния) работает в Safari, Chrome, Firefox и Opera, но исчезает в Internet Explorer. Я получил строку pagerAnchorBuilder, которую мне прислал Майк Алсуп. Есть ли что-то, что я делаю не так? Вот образец CSS и JS. Также он работает с миниатюрами изображений, когда я копирую код из демонстрационных страниц пейджера malsups, но в IE он смещает позиции основных изображений портфолио. 

.nav_ocn li {  
 width: 10px;  
 float: left;  
 margin: 5px;  
 list-style: none;  
 margin-left: 0px;  
}  
.nav_ocn a {  
 border: 0px solid #ccc;  
 text-decoration: none;  
 margin: -1px; 
 padding: 10px;  
 background-image: url(../images/pager.gif);  
 background-repeat: no-repeat;  
 background-position: left;  
 }
.nav_ocn a.activeSlide {  
 background-image: url(../images/pager_select.gif);  
 background-repeat: no-repeat;  
 background-position: left;  
}  
.nav_ocn a:focus { outline: none; }  

$(document).ready(function() {
    $('#OCN_gallery').cycle({
        fx:     'scrollLeft', 
    next:   '#OCN_gallery',
    speed:  'fast', 
    timeout:  0,
    pause:   1,
    pager:   '.nav_ocn',

    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function() { 
        return '<li><a href="#"</a></li>'; 
    }
    });

});

Любая помощь и внутри будет принята с благодарностью.

Спасибо

Mary

1 Ответ

1 голос
/ 21 сентября 2010

Изменение

return '<li><a href="#"</a></li>';

до

return '<li><a href="#"></a></li>';

Было пропущено '>', которое IE не обрабатывает так же хорошо, как другие браузеры.

...