Михаил добрый день! С битриксом знаком совсем недавно, совсем новичок! Я извиняюсь за ту..... просмотрел много информации по поводу "обработки фото" не помогло. Задача заключается в том, что-бы при загрузке картинок они обрабатывались и устанавливался фиксированный размер (width,height) Использую на примере дополнительных фото (свойства) Но если загружаю картинки разного размера шаблон расходиться. (см.рис)
Если есть возможность подскажите в чем ошибка,заранее огромное спасибо!
Исходник:
Код |
---|
<div class="property-slider">
<div id="property-images" class="flexslider">
<ul class="slides">
<?foreach($arResult["MORE_PHOTO"] as $PHOTO):?>
<li class="item"> <img src="<?=$PHOTO["SRC"]?>" alt=""> </li>
<?endforeach?>
</ul>
</div>
<div id="property-thumbs" class="flexslider">
<ul class="slides">
<?foreach($arResult["MORE_PHOTO"] as $PHOTO):?>
<li class="item"> <img src="<?=$PHOTO["SRC"]?>" alt=""> </li>
<?endforeach?>
</ul>
</div>
</div>
|
Ваш код
Код |
---|
<a href="<?=$arElement["DETAIL_PAGE_URL"]?>">
<div class="img">
<img src="<?echo $renderPered["src"]?>" id="bigImg<?=$arElement["ID"]?>"/>
</div>
</a>
<div class="smalls thumbs<?=$arElement["ID"]?>">
<?
$LINE_ELEMENT_COUNT = 2; //выводим картинки
if(count($arElement["TSVETS"])>0):
?>
<?foreach($arElement["TSVETS"] as $PHOTO):?>
<? $renderfile = CFile::ResizeImageGet($PHOTO, array('width'=>300), BX_RESIZE_IMAGE_EXACT, true); ?>
<? $renderprewfile = CFile::ResizeImageGet($PHOTO, array('width'=>40, 'height'=>'34'), BX_RESIZE_IMAGE_EXACT, true); ?>
<div class="its">
<a href="<?=$renderfile["src"]?>">
<img src="<?=$renderprewfile["src"]?>"/>
</a>
</div>
<?endforeach?>
<?endif?>
</div> |
сам код использования на сайте
Код |
---|
<div class="property-slider">
<div id="property-images" class="flexslider">
<ul class="slides">
<?foreach($arResult["MORE_PHOTO"] as $PHOTO):?>
<? $renderfile = CFile::ResizeImageGet($PHOTO, array('width'=>300), BX_RESIZE_IMAGE_EXACT, true); ?>
<li class="item"> <img src="<?=$renderprewfile["src"]?>" alt=""> </li>
<?endforeach?>
</ul>
</div>
<div id="property-thumbs" class="flexslider">
<ul class="slides">
<?foreach($arResult["MORE_PHOTO"] as $PHOTO):?>
<? $renderprewfile = CFile::ResizeImageGet($PHOTO, array('width'=>40, 'height'=>'34'), BX_RESIZE_IMAGE_EXACT, true); ?>
<li class="item"> <img src="<?=$renderprewfile["src"]?>" alt=""> </li>
<?endforeach?>
</ul>
</div>
</div>
|