2010-10-25 1 views
1

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

ответ

0

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

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

+0

'дисплей: скрытый;' не будет ничего делать. –

+0

@Jeff, вы правы, но достаточно легко получить «видимость: скрытый» и «display: none» в замешательстве. –

+0

Мой плохой. Я не знаю, о чем я думал, но это был не CSS. – erjiang

1

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

img.thumbnails { 
    display: none; 
} 
+0

Я попробую попробовать другие, но карусель не отобразила их ... –

+0

Я пробовал это, но jcarousel не знает, чтобы показать миниатюры, чтобы скрыть их. В итоге мы рассмотрели стили, которые jcarousel применили к эскизам и применили их через css, поэтому часть работы уже была выполнена. В основном способ, которым jcarousel скрывает изображения, заключается в использовании переполнения: hidden –

+0

@Mark, учитывая, что вы решили проблему иначе, чем предложения здесь, вы должны, вероятно, добавить ответ на этот вопрос, детализируя, что вы сделали, и принять * свой собственный ответ. Красиво сделано =) –