Здравствуйте! Помогите, пожалуйста, решить задачку
.
Код:
|
<div class="slider">
<div class="sliderContent">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
<img src="4.jpg" />
<img src="5.jpg" />
<img src="6.jpg" />
<img src="7.jpg" />
<img src="8.jpg" />
<img src="9.jpg" />
<img src="10.jpg" />
</div>
</div> |
Размеры картинок и их количество неизвестны, т.е. теги img формируются динамически и ширина картинок может быть
разной. Теперь вопрос: как посчитать, какая должна быть ширина у sliderContent? Если ее задать через стили заведомо
большой, то останется пустое место. Предполагаю, что можно как-то посчитать через javascript. Например, функцией each
которая есть в jquery, пробежаться по всем img, вычислить их суммарную ширину и установить эту ширину у sliderContent. Но
как тогда узнать ширину картинок, если у нее незадается никаких параметров ни в атрибутах (видз и хеигхт) ни в стилях? Или
можно пойти каким то другим путем? Помогите, пожалуйста!