Помощь Возможно ли в модуле iThumbscroller первоначальную подгрузку картинок сделать незаметной?

Статус
В этой теме нельзя размещать новые ответы.

Terin'yar

Постоялец
Регистрация
20 Июл 2010
Сообщения
69
Реакции
6
Добрый день! Очень понравился модуль iThumbscroller, решил его добавить вместо обычного скролинга картинок, подкупил он тем, что картинки не двигаются и тем самым не отвлекают внимание посетителя сайта, а в движение приходят при наведении на них мышкой.
Но как обычно есть но :) При заходе на сайт и при подгрузке картинок, становится заметно как подгружаются, так же в зависимости от кол-ва картинок, высота модуля раздвигается на высоту еще одной, двух... линий картинок, в зависимости от их кол-ва, именно это и смущает. После полной прогрузке изображений высота модуля становится равной одной линии картинок и модуль работает как надо.
Возможно ли сделать таким образом, что при подгрузке картинок модуль не раздвигался на несколько линий картинок? Или может есть другое решение :) ?
Как раздвигается линия модуля с картинками в две линии при загрузке, можно посмотреть на демо сайте с шаблоном (нужный модуль снизу, больше в общем-то и нету :) )
Для просмотра ссылки Войди или Зарегистрируйся
 
Никто видимо не сталкивался... :)
Может быть если не очень будет сложно, взгляните на исходники, возможно сможете распознать почему так?
Не силен я в кодах, может быть и до копался бы до истины путем втыка)) но честно говоря не уверен, не понимаю концепции... Они, картинки прогружаются сразу, но наверняка можно сделать, что бы то, что видно по ширине экрана грузилось, а при прокрутке на лету подгружалось, либо грузилось как и сейчас, но без смещения экрана... Столько всего, без знаний тяжеловато разобраться, что за что отвечает и как лучше модернизировать... в модуле участвуют главным образом 4 файла, два php, css и еще js, остальные как я думаю отношение имеют посредственное (не относятся к делу :) ), если не отнимет у вас много времени и не сильно затруднит, может сможете увидеть решение?



 
Проще всего будет добавить в css фиксированную высоту блока, т.е. было
Код:
#tshf_container .thumbScroller{position:relative; width:100%; overflow:hidden;}
а станет
Код:
#tshf_container .thumbScroller{position:relative; width:100%; overflow:hidden; height: 50px;}
, где height: 50px; высота ваших миниатюр (50px привел как пример для демо-сайта, который вы указали)
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху