Question

Компонент catalog.element! Создал свойство у инфоблока MORE_PHOTO. Из дефолтного шаблона взял код:

Код

<?    $LINE_ELEMENT_COUNT = 2; // number of elements in a row    if(count($arResult["MORE_PHOTO"])>0):?>       <a name="more_photo"></a>       <?foreach($arResult["MORE_PHOTO"] as $PHOTO):?>          <img border="0" src="<?=$PHOTO["SRC"]?>" width="<?=$PHOTO["WIDTH"]?>" height="<?=$PHOTO["HEIGHT"]?>" alt="<?=$arResult["NAME"]?>" title="<?=$arResult["NAME"]?>" /><br />       <?endforeach?>    <?endif?>    <?if(is_array($arResult["SECTION"])):?>       <br /><a href="<?=$arResult["SECTION"]["SECTION_PAGE_URL"]?>"><?=GetMessage("CATALOG_BACK")?></a>    <?endif?>          </td>       <?endif;?>

Вставил его в свой шаблон. Теперь выходят дополнительные фотографии по товару. Но не так как надо. Они выводятся просто в столбик одна за одной. Можно ли сделать так что бы под DETAIL_PICTURE были очень маленькие превьюшки дополнительных фото, а при нажатии на них они заменяли DETAIL_PICTURE. В php я не силен. Помогите друзья!

Answer 1

Делаете поле для превьюшек, его выводите в шаблоне как ссылку. При нажатии - большое изображение

Answer 2

А использование CFile::ShowImage() не подойдет? Там можно размер превьюшки указать и увеличенное фото выводить в попап-окне.

string
CFile::ShowImage(
mixed image, // ID или путь к файлу
int max_width = 0,
int max_height = 0,
string image_params = "border=0",
string url = "",
bool popup = false, // когда истина - выводит попап-окно
string popup_alt = false,
int image_width = 0,
int image_height = 0
)

Answer 3

Цитата
Василий Дорожкин пишет: Делаете поле для превьюшек, его выводите в шаблоне как ссылку. При нажатии - большое изображение

Вас я не понял :( Можете разьяснить?

А через CFile::ShowImage() сейчас попробую.

Answer 4

пардон. невнимательно прочел.
Здесь тогда не Php а javascript понадобится.

<div id="detail-picture-box">Здесь детальное изображение</div>

Здесь список превьюшек, которые можно сгенерить той-же CFile::ShowImage только без использования popup
каждый элемент img содержит onClick="document.getElementById('detail-picture-box').innerHTML='<img src="путь к дополнительной картинке" ... />';"