Я использую jcarousel и загружаю большой список миниатюр изображений (200–600). Проблема в том, что пока страница загружается, миниатюры ненадолго появляются на странице, а затем, как только они заканчивают загрузку, jcarousel берет на себя и скрывает их. Мне интересно, есть ли способ скрыть их с самого начала.
jcarousel - как скрыть большой список миниатюр
Ответы (2)
Вы всегда можете использовать старый добрый css:
img.thumbnails {
display: none;
}
person
David says reinstate Monica
schedule
25.10.2010
я попробую. Я попробовал другие li, но карусель не показала их...
- person Mark Steudel; 26.10.2010
Я пробовал это, но jcarousel не знает, как показать миниатюры, чтобы скрыть их. В итоге мы рассмотрели стили, которые jcarousel применила к миниатюрам, и применили их через css, так что часть работы уже сделана. В основном способ, которым jcarousel скрывает изображения, заключается в использовании overflow:hidden
- person Mark Steudel; 28.10.2010
@Mark, учитывая, что вы решили проблему не так, как предложено здесь, вам, вероятно, следует добавить ответ на этот вопрос с подробным описанием того, что вы сделали, и принять ваш собственный ответ. Классно сделано=)
- person David says reinstate Monica; 29.10.2010
Вы можете просто объявить CSS эскизов как display: none
для начала.
На самом деле, когда инициализируется jcarousel? Также может быть, что вы инициализируете jcarousel в document.onload, то есть ПОСЛЕ того, как все загружено. Запустив код инициализации в $( initialize_function )
, он запустится, когда DOM будет готов, но до загрузки всего остального.
person
erjiang
schedule
25.10.2010
display:hidden;
ничего делать не будет.
- person Jeff Rupert; 26.10.2010
@ Джефф, ты прав, но спутать
visibility: hidden
и display: none
достаточно легко.
- person David says reinstate Monica; 26.10.2010
Виноват. Не знаю, о чем я думал, но это был не CSS.
- person erjiang; 26.10.2010
@David: Я знаю, я делал это раньше. Просто хотел, чтобы Эрцзян знал. =) @erjiang: Не беспокойтесь.
- person Jeff Rupert; 26.10.2010
@Джефф, @erjiang, мы все это сделали. И сидел там минут десять с недоумением, когда это не сработало. А потом смутились, когда поняли... =)
- person David says reinstate Monica; 26.10.2010
Я запускаю код jcarousel в $(document).ready(function() { // здесь находится код инициализации }
- person Mark Steudel; 26.10.2010
В любом случае, это не сработало бы, поскольку jcarousel на самом деле не показывает изображения, а просто использует overlfow:hidden.
- person Mark Steudel; 28.10.2010