Класс .active для выбранной опции изображения

[Seofisher]

помогите найти/придумать решение для опций в виде изображений

http://zlotoy-karas.seofisher.ru/zipbaits-rigge-56f

 

Надо прикреплять класс .active для выбранного изображения http://f5.s.qip.ru/n037PDn1.png (что бы в css повестить border)

не знаю как это сделать то ли с помощью JS (в котором я практически не понимаю) или с помощью конструкции <?php if ....

 

Подскажите какие то варианты решения?!

[andzaaa]

как то так попробуйте в css

 

.product-info .option-image input[type=radio]:checked + label{border:2px solid #000}

[Seofisher]

как то так попробуйте в css

 

.product-info .option-image input[type=radio]:checked + label{border:2px solid #000}

 

к сожалению не совсем то что мне надо

у меня немного изменена функция опций (если вы смотрели), у нижних картинок нет input

код там такой

<?php if ($option['type'] == 'image') { ?>
  <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
    <ul class="option-image">
      <?php foreach ($option['option_value'] as $option_value) { ?>
        <li><label  for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" title="<?php echo $option_value['name'];?>" /></label></li>
      <?php } ?>
    </ul>
  </div> 
  <br />
<?php } ?>

[Seofisher]

если сюда же к <li> добавить

<input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />

тогда все равно :checked только у первого input, тот что выше