смена свойств на онклик получение массива переменных


смена свойств на онклик получение массива переменных

Параметры:

вывод галереи с возможность смены бордера

<div class="picture-item__img-holder">

вывод основного изображения

<div class="picture-item__img">
<img id="picture-item__img-item" src=":img1_src:" alt=":naz:" title=":naz:" style="border-color: #fff" />
</div>
<ul class="picture-item__thumbnails" >
<li ><img src="smallpic.php?FILE=:img1_src:&NEWWIDTH=70&NEWHEIGHT=56&POROG=1&BGCOLOR=255,255,255" alt=":naz:" title=":naz:" onclick="document.getElementById('picture-item__img-item').src = ':img1_src:';" />
</li>

вывод стартового изображения в тумбе с возможностью онклик которая заменит основное изображение при клике

{%inj|cmd@eval|
|php@
$fidA = GetFieldsFromSQL($conn,"SELECT ID, IMG1, IMG2, IMG3 FROM MTREE WHERE ID=$this->curpid",array(0,'','',''));
if ($fidA[2]) $out .= "<li ><img src="smallpic.php?FILE=".$fidA[2]."&NEWWIDTH=70&NEWHEIGHT=56&POROG=1&BGCOLOR=255,255,255" onclick="document.getElementById('picture-item__img-item').src = '".$fidA[2]."';"/></li>";
if ($fidA[3]) $out .= "<li ><img src="smallpic.php?FILE=".$fidA[3]."&NEWWIDTH=70&NEWHEIGHT=56&POROG=1&BGCOLOR=255,255,255" onclick="document.getElementById('picture-item__img-item').src = '".$fidA[3]."';"/></li>";
|%}

вывод еще нескольких тумб со свойством онклик при условии что они существуют

</ul>
<ul class="picture-list__border">
<li class="picture-list__border-item">Border color: </li>
{%inj|cmd@loop|father_id@tsveta-ramki|loop_part@
<li style="background: :str1:;" onclick="document.getElementById('picture-item__img-item').style.borderColor = ':str1:';"></li>
|%}

это вывод нескольких цветных блоков, получающих св-ва из админки , которые при клике на них меняют цвет рамки основного изображения

</ul>
</div>