LINUX.ORG.RU

Фон div'a - повторяющаяся целое кол-во раз картинка


0

1

Добрый вечер!

Есть большой резиновый div и маленькое png изображение.

Нужно заполнить div этим изображением так, чтобы оно повторилось максимальное количество раз, но не обрезалось.

Подскажите, в какую сторону копать.

запихивать в див кучу мелких дивов или даже тейбл, при ресайзе добавлять или удалять нужное колво и рисовать еще один див поверх с требуемым содержанием

anonymous
()
Ответ на: комментарий от anonymous

Дело в том, что размер моего diva - ну, к примеру, 800х800рх, а размер png - 10х10рх. Очень уж много кода получается. :-)

Наужели нет решения проще?

papasha
() автор топика
Ответ на: комментарий от papasha

Ну тогда во время загрузки страницы и ресайза джаваскриптом округлять размер до нужного

provaton ★★★★★
()

Если вдруг кому понадобится. Например, мне. ;-)

<script type="text/javascript">

content_width = document.getElementById('content').offsetWidth;
content_height = document.getElementById('content').offsetHeight;

content_width = content_width - content_width%20 +'px';
content_height = content_height - content_height%20 +'px';

document.getElementById("content").style.width = content_width;
document.getElementById("content").style.height = content_height;

</script>

Первыми двумя строчками определяем текущие ширину и высоту div'a.

Размер изображения, которым будем заполнять div - 20х20px, поэтому находим остатки от деления текущих измерений на 20 и уменьшаем измерения на эти величины.

Ну и последними строчками изменяем размер div'a.

papasha
() автор топика
Ответ на: комментарий от papasha

Для универсальности можно было бы 20 пикселей не хардкодить, а автоматически находить.

provaton ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.