Увеличение изображения для характеристик

[rdpv]

Прошу помощи с увеличением изображения

В файл /catalog/view/theme/default/template/produc/product.tpl внес изменения 

<?php echo $header; ?>
<script type="text/javascript">
function onMoveImg(a){
    if(a.pixelHeight==90){
        function fun(){
            if(a.pixelHeight<150){
                a.pixelLeft-=2;
                a.pixelTop-=2;
                a.pixelWidth+=4;
                a.pixelHeight+=4;
                a.zIndex+=1;
                setTimeout(fun,20);
            }
        }
        fun();
    }
}

function onOutImg(a){
        function fun2(){
            if(a.pixelHeight>90){
                a.pixelLeft+=2;
                a.pixelTop+=2;
                a.pixelWidth-=4;
                a.pixelHeight-=4;
                a.zIndex-=1;
               setTimeout(fun2,10);
            }
        }
        fun2();
}
</script>

и теперь в этот кусок кода надо вставить чтобы при наведении увеличивалось изображение

<div class="radio">
                  <label>
                    <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" />
                    <?php if ($option_value['image']) { ?>
                    <img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="img-thumbnail"/> 
                    <?php } ?>                    
                    <?php echo $option_value['name']; ?>
                    <?php if ($option_value['price']) { ?>
                    (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                    <?php } ?>
                  </label>
                </div> 

получается что то типа

<img src="<?php echo $option_value['image']; ?>" onMouseMove='onMoveImg(this.style);'  onMouseOut='onOutImg(this.style);'>

вместо

<img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="img-thumbnail"/>

 

кароче не работает

 

[rdpv]

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

<script type="text/javascript">

function openImageWindow(src) {
    var image = new Image();
    image.src = src;
    var width = image.width;
    var height = image.height;
  
    window.open(src, "Image", 'width=' + width + ',height=' + height + ',left=' + ((window.innerWidth - width)/2) + ',top=' + ((window.innerHeight - height)/2) );    
}
</script>

 

 

Вызываю открытие фотографии по нажатию

<div class="radio">
                  <label>
                    <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" />
                    <?php if ($option_value['image']) { ?>
                     <img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" onclick = 'openImageWindow(this.src);' " class="img-thumbnail" />
                    <?php } ?>                    
                    <?php echo $option_value['name']; ?>
                    <?php if ($option_value['price']) { ?>
                    (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                    <?php } ?>
                  </label>

Результат изображение маленькое и берется из кеша а надо оригинал из папки import_files