HTML - в какой момент происходит ресайз картинок по width=?
#1
Отправлено 30 January 2013 - 02:29 PM
PS. Задача - подгружать AJAX-ом картинки в карусель для "бесконечной" карусели (все товары). Если размеры не менять, то никаких проблем, но хочется делать картинки меньше и одинаковыми, т.к. они слишком крупные даже в /small и размер разный.
#2
Отправлено 30 January 2013 - 05:31 PM
(скажем, в <div id="test"></div>)
ммм... ты не мог бы вот это оформить в виде кода?!?!
Насколько мне известно ширина и высота картинки должна стать нормальной, никаких кусков быть не должно. Если ты размеры указываешь для картинки.
Если же ты картинку не трогаешь а размеры задаешь для дива с оверфлоу, то тогда понятное дело будет кусок картинки.
#3
Отправлено 30 January 2013 - 07:34 PM
Это "восстановление запомненного собщения" так сработало, а я не заметил. Исправил.ты не мог бы вот это оформить в виде кода?!?!
Т.е. при добавлении в DOM новых элементов браузер заново просчитывает эти элементы, в том числе и ресайзит картинки?Насколько мне известно ширина и высота картинки должна стать нормальной, никаких кусков быть не должно. Если ты размеры указываешь для картинки.
Да нет, банально <img src="filename" width="75px" heigth="75px">. получаю левый верхний кусочек картинки размером 75х75. Единственно, что там в реальности не DIV, а структура <UL><LI>. Обычная jcarousel, штатный пример с AJAX-подгрузкой составляющих карусели.Если же ты картинку не трогаешь а размеры задаешь для дива с оверфлоу, то тогда понятное дело будет кусок картинки.
Видимо, что-то я в штатном примере таки испортил .
#4
Отправлено 30 January 2013 - 07:56 PM
а вот это интересно, даже очень ))) если это действительно так как ты говоришь, то можно будет этим воспользоваться с пользой. А кусок этот выводится с какогото угла? Левого? правого? можно ли менять угол? ))) или центрировать?Да нет, банально <img src="filename" width="75px" heigth="75px">.. получаю левый верхний кусочек картинки размером 75х75
Чтобы этого избежать попробуй добавлять не в имж размеры а в стили. А при создании объекта допиши класс или айди.
#5
Отправлено 30 January 2013 - 08:40 PM
Тьфу три раза... Чем проще грабли, тем больше бегать .если это действительно так как ты говоришь, то можно будет этим воспользоваться с пользой.
1. Забыл в одном месте закрывающий тэг. Т.к. динамически добавляемый в DOM элемент обычным "посмотреть HTML-код" не увидишь, то и не заметил. Возможно, что это и не влияло.
2. jcarousel подгружает новые картинки не по одной, а кучкой, затем пихает их в <LI>, показывая только заданное количество. Другими словами - буферизует. И это главные грабли. Я просто не дожидался, пока прокрутится буфер, для которого ресайз уже произошел.
3. еще что-то ерундовое. Короче, теперь работает как и предполагалось.
В общем, как всегда, ничего сложного, но после того, как исправишь и разберешься . Теперь надо понять, как заставить jcarousel не буферизовать картинки, а грузить четко по столько картинок, по сколько происходит прокрутка.