Добрый день!
Друзья, направьте пожалуйста мысли на решение задачи.
Есть каталог, в каталоге есть множественное свойство more_img для дополнительных картинок товара. В карточке товара есть миниатюры и детальный просмотр. Нужно сделать что бы при нажатии на preview картинку она занимала место детальной картинки.
Код |
---|
<? if (strlen($arResult["DETAIL_PICTURE"]["SRC"]) > 0): ?>
<? $renderImageDefaultPref = CFile::ResizeImageGet($arResult["PREVIEW_PICTURE"], Array("width" => 360, "height" => 540), BX_RESIZE_IMAGE_EXACT, false);
$renderImageDefaultFansy = CFile::ResizeImageGet($arResult["DISPLAY_PROPERTIES"], Array("width" => 800, "height" => 800), BX_RESIZE_IMAGE_EXACT, false); ?>
<div class="col-md-8">
<div id="img_box" class="item prod_page_img_bl" pid="8625">
<div class="pic_list">
<li class="active" data-url="images/ris/BAL_6951.jpg"
st yle="background-image: url('<?= SITE_TEMPLATE_PATH ?>/images/ris/BAL_6951.jpg')"></li>
<li class="" data-url="images/ris/BAL_6957.jpg"
st yle="background-image: url('<?= SITE_TEMPLATE_PATH ?>/images/ris/BAL_6957.jpg')"></li>
<li class="" data-url="images/ris/BAL_6956.jpg"
st yle="background-image: url('<?= SITE_TEMPLATE_PATH ?>/images/ris/BAL_6956.jpg')"></li>
</div>
<? // Тут
<? echo '<div class="pic_box" st yle="background-image: url(' . $renderImageDefaultPref['src'] . ')"></div>' ?>
<? else: ?>
<div class="pic_box"
st yle="background-image: url(<?= SITE_TEMPLATE_PATH ?>/img/stub.png)"></div>
<? endif ?>
</div>
</div>
|
Представляю себе это таким образом на место
Код |
---|
<li class="active" data-url="images/ris/BAL_6951.jpg"
st yle="background-image: url('<?= SITE_TEMPLATE_PATH ?>/images/ris/BAL_6951.jpg')"></li> |
нужно вставить перемеренную, которая получает путь картинки.
Вот как сделать так что бы <li> генерировались в зависимости от количества загруженных фотографии и как что бы работало переключение этих дополнительных фото?