Здравствуйте, помогите пожалуйста. Имеется слайдер (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>"; // Закрываем таблицу
?>
