В общем немного перебрал код и стиль.
Теперь картинки не растягиваются и не надо их подгонять под определенный размер.
В файле components/com_priceleafshop/views/tovar/tmpl/default.php
находим и меняем код:
<!--Оформление слайдера-->
<center>
<div id="web">
<ul id="web_content">
';
if ($raz_na->img_naimenovanie==true){
echo '<li class="web_item"> <img src="'.$raz_na->img_naimenovanie.'" width="365px" ></li>';}
if ($raz_na->img_naimenovanie_one==true){
echo '<li class="web_item"> <img src="'.$raz_na->img_naimenovanie_one.'" width="365px" ></li>';}
if ($raz_na->img_naimenovanie_two==true){
echo '<li class="web_item"><img src="'.$raz_na->img_naimenovanie_two.'" width="365px" ></li>';}
if ($raz_na->img_naimenovanie_three==true){
echo '<li class="web_item"><img src="'.$raz_na->img_naimenovanie_three.'" width="365px" ></li>';}
if ($raz_na->img_naimenovanie_four==true){
echo '<li class="web_item"><img src="'.$raz_na->img_naimenovanie_four.'" width="365px" ></li>';}
echo '</ul><br>
<div id="web_frame">
<ul>';
if ($raz_na->img_naimenovanie==true){
echo '<li><a href="#"><img id="thumb0" width="64" height="64" src="'.$raz_na->img_naimenovanie.'" alt="" /></a></li>';}
if ($raz_na->img_naimenovanie_one==true){
echo '<li><a href="#"><img id="thumb1" width="64" height="64" src="'.$raz_na->img_naimenovanie_one.'" alt="" /></a></li> ';}
if ($raz_na->img_naimenovanie_two==true){
echo '<li><a href="#"><img id="thumb2" width="64" height="64" src="'.$raz_na->img_naimenovanie_two.'" alt="" /></a></li> ';}
if ($raz_na->img_naimenovanie_three==true){
echo '<li><a href="#"><img id="thumb3" width="64" height="64" src="'.$raz_na->img_naimenovanie_three.'" alt="" /></a></li> ';}
if ($raz_na->img_naimenovanie_four==true){
echo '<li><a href="#"><img id="thumb4" width="64" height="64" src="'.$raz_na->img_naimenovanie_four.'" alt="" /></a></li>';}
echo '</ul>
</div>
</div>
</center>
т.е. оставляем только width="365px"
Далее в файле стиля icarousel.css
Не помню что конкретно менял, но вот весь код полностью
/* web CSS */
#web {
position: relative; /* important */
overflow: hidden; /* important */
width: 478px; /* important */
height: 450px; /* important */
background: #fff;
}
#web_content {
position: absolute;
top: 0;
margin-left: -100px;
}
#web_content
#web_content li {
list-style: none;
margin: 0;
padding: 0;
}
#web_content {
width: 13058px;
}
#web ul li {
display: block;
float: left;
margin-left: 180px;
padding-bottom: 100px;
border: none;
background-color: #fff;
}
#web ul li img {
display: block;
}
#web ul li.web_item {
overflow:hidden;
}
#web_frame {
position: relative;
margin: 360px 0px 0px 0px;
}
#web_frame ul li {
margin: 2px;
padding-left: 15px;
}
#web_frame ul li img{
border: 1px solid #999;
padding: 2px;
}
#web_frame ul li img:hover {border: 1px solid #666;}
/* Catalog items */
.web_item h3
{
margin-top: 10px;
}
.web_item p.date
{
float:right;
background-color: #bbb;
margin: 0px 0px 10px 10px;
padding: 5px;
color:#fff;
}
.web_item .image
{
margin: 2px;
}
.web_item .image img
{
border: 1px solid #999;
padding: 2px;
}
.web_item .thumbnails
{
margin: 10px 2px 2px 2px;
}
#web_content .web_item .thumbnails img
{
border: 1px solid #999;
padding: 2px;
display:inline;
}
p/s Не забываем про плюсики в репу )
31.01.2021, 18:33:40