jcarousel отображает элементы в вертикальном списке перед страницей jquery - PullRequest
Новая
       17

jcarousel отображает элементы в вертикальном списке перед страницей jquery

0 голосов
/ 04 декабря 2011

Я использую плагин jquery jcarousel для отображения 73 миниатюр. Прежде чем скрипт будет готов, он отображает все миниатюры в вертикальном списке вниз по странице. На данный момент я использую скрипт для показа изображений в правильном размере после того, как все загружено.

Просто интересно, смогу ли я узнать мнение о том, является ли это хорошим подходом, и есть ли лучшие способы скрыть контент до полной загрузки jquery? :)

Код: 

 $(window).load(function() {
 jQuery('#mycarousel').jcarousel({
    start: <?=$page?>
});
});

динамический CSS 

 $(window).load(function() {
 $(".jcarousel-skin-tango .jcarousel-item img").css({height: "125px", width: "125px"});
 });

HTML-изображение 

 <img src="images/img.jpg" height="0">

1 Ответ

2 голосов
/ 04 декабря 2011

Я думаю, у вас есть веская причина инициализировать карусель загрузкой окна.Кроме того, я бы работал с visibility:hidden.Плагин может работать с изображениями реальных размеров и он скрыт.

HTML 

<img src="images/img.jpg" style="visibility:hidden;">

Тогда лучше сделать изображения видимыми при обратном вызове плагина:

jQuery 

jQuery(window).load(function() {
    jQuery('#mycarousel').jcarousel({
        start: <?=$page?>,
        initCallback:function(){
            jQuery(".jcarousel-item img").css({'visibility':'visible'});
        });
    });
});

Надеюсь, это поможет.

...