jcarousel - как скрыть большой список миниатюр

Я использую jcarousel и загружаю большой список миниатюр изображений (200–600). Проблема в том, что пока страница загружается, миниатюры ненадолго появляются на странице, а затем, как только они заканчивают загрузку, jcarousel берет на себя и скрывает их. Мне интересно, есть ли способ скрыть их с самого начала.


jquery jcarousel
person Mark Steudel    schedule 25.10.2010    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вы всегда можете использовать старый добрый css:

img.thumbnails {
    display: none;
}
person David says reinstate Monica    schedule 25.10.2010
comment
я попробую. Я попробовал другие li, но карусель не показала их... - person Mark Steudel; 26.10.2010
comment
Я пробовал это, но jcarousel не знает, как показать миниатюры, чтобы скрыть их. В итоге мы рассмотрели стили, которые jcarousel применила к миниатюрам, и применили их через css, так что часть работы уже сделана. В основном способ, которым jcarousel скрывает изображения, заключается в использовании overflow:hidden - person Mark Steudel; 28.10.2010
comment
@Mark, учитывая, что вы решили проблему не так, как предложено здесь, вам, вероятно, следует добавить ответ на этот вопрос с подробным описанием того, что вы сделали, и принять ваш собственный ответ. Классно сделано=) - person David says reinstate Monica; 29.10.2010

arrow_upward
0
arrow_downward

Вы можете просто объявить CSS эскизов как display: none для начала.

На самом деле, когда инициализируется jcarousel? Также может быть, что вы инициализируете jcarousel в document.onload, то есть ПОСЛЕ того, как все загружено. Запустив код инициализации в $( initialize_function ), он запустится, когда DOM будет готов, но до загрузки всего остального.

person erjiang    schedule 25.10.2010
comment
display:hidden; ничего делать не будет. - person Jeff Rupert; 26.10.2010
comment
@ Джефф, ты прав, но спутать visibility: hidden и display: none достаточно легко. - person David says reinstate Monica; 26.10.2010
comment
Виноват. Не знаю, о чем я думал, но это был не CSS. - person erjiang; 26.10.2010
comment
@David: Я знаю, я делал это раньше. Просто хотел, чтобы Эрцзян знал. =) @erjiang: Не беспокойтесь. - person Jeff Rupert; 26.10.2010
comment
@Джефф, @erjiang, мы все это сделали. И сидел там минут десять с недоумением, когда это не сработало. А потом смутились, когда поняли... =) - person David says reinstate Monica; 26.10.2010
comment
Я запускаю код jcarousel в $(document).ready(function() { // здесь находится код инициализации } - person Mark Steudel; 26.10.2010
comment
В любом случае, это не сработало бы, поскольку jcarousel на самом деле не показывает изображения, а просто использует overlfow:hidden. - person Mark Steudel; 28.10.2010