Тема: overflow:hidden
Показать сообщение отдельно
  #1 (permalink)  
Старый 14.03.2017, 07:00
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

overflow:hidden
В общем делаю слайдер для изображений, есть некий див с overflow: hidden, в который добавляется много-много уменьшенных копий изображений, по клику на копию будет показываться полная версия, но вопрос не об этом.

<div id="thumbs" style="border: 1px solid black; width: 350px; height: 50px; overflow: hidden"></div>

<script>
  var thumbs = document.getElementById("thumbs");
  for (var i = 0; i < 10; i++) {
    var img = document.createElement("IMG");
    img.height = "50";
    img.src = "http://farmeadow.com/wp-content/gallery/homepage/home5.jpg";
    thumbs.appendChild(img);
  }
</script>


Как сделать так, чтобы картинки шли в один ряд?
Ответить с цитированием