Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   война со слайдером (https://javascript.ru/forum/dom-window/58438-vojjna-so-slajjderom.html)

deatlink 22.09.2015 00:25

война со слайдером
 
Здравствуйте, помогите пожалуйста. Имеется слайдер (Coin slider). Как сделать чтобы слайдер менял размер (height,width) в зависимости от картинки? к примеру если картинка с размером 300x300 то слайдер становится тоже такого же размера. А то хочу вставить в слайд картинки разного размера, и не все по размеру подходят

Css код:

Код:

.sliderbutton2 {float:left; width:25px; height:235px; cursor:pointer;}
 
.coin-slider2 { overflow: hidden; zoom: 0; position: relative;}
 
 
.coin-slider2 a{ text-decoration: none; outline: none; border: none; }

.cs-buttons2 { font-size: 0px; padding: 10px; float: left; }
.cs-buttons2 a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active2 { background-color: #B8C4CF; color: #FFFFFF; }
 
.cs-title2 { width: 680px; padding: 10px; background-color: #000000; color: #FFFFFF; }
 
.cs-prev2,
.cs-next2 { background-color: #000000; color: white; padding: 0px 10px; }

js код: тут

php код:

<?php
  $dir = 'images/religion/'.$upp['type'].'/'; // Папка с изображениями
  $cols = 3; // Количество столбцов в будущей таблице с картинками
  $files = scandir($dir); // Берём всё содержимое директории
  echo "<center><div id=\"relig\">"; // Начинаем таблицу
  $k = 0; // Вспомогательный счётчик для перехода на новые строки
  for ($i = 0; $i < count($files); $i++) { // Перебираем все файлы
    if (($files[$i] != ".") && ($files[$i] != "..")) { // Текущий каталог и родительский пропускаем
      if ($k % $cols == 0) echo ""; // Добавляем новую строку
      echo "<a href=\"#\">"; // Начинаем столбец
      $path = $dir.$files[$i]; // Получаем путь к картинке
      
      echo "<img src='$path'  alt='Замок-коробочка на шарнирах' />"; // Вывод превью картинки
     echo "<span>
                    <b style=\"text-decoration:underline;\">'".$upp['zagalovok']."'</b><br />";
    echo "<strong>Материал:</strong> ".$upp['material']." | <strong>Вес изделия:</strong> ".$upp['ves']." | <strong>Драгоценные камни:</strong> ".$upp['kamni']." <br/><strong>Время изготовления:</strong> ".$upp['vremja_izgot']."</span>";
      echo "</a>"; // Закрываем столбец
      /* Закрываем строку, если необходимое количество было выведено, либо данная итерация последняя */
      if ((($k + 1) % $cols == 0) || (($i + 1) == count($files))) echo "</tr>";
      $k++; // Увеличиваем вспомогательный счётчик
    }
  }
  echo "</div></center>"; // Закрываем таблицу
?>


Часовой пояс GMT +3, время: 00:41.