продукта Увеличить Эффект WooCommerce

Question

Im пытаясь создать эффект масштабирования, как этот http://jsfiddle.net/SWDhG/ Но я стараюсь, чтобы открыть <a href="imglink"> ссылки не на <img src=""> тег, так что мне нужна сомы помощь с JQuery.

HTML:

<div class="images"> 
    <a href="http://us.123rf.com/400wm/400/400/teddy2007b/teddy2007b0903/ 
     teddy2007b0903‌​00008/4539531-cup-and-bouquet-of-flowers-decorative-floral- 
     background-for-banner-‌​vector.jpg" class="zoom" title=""> 
    <img src="http://3.bp.blogspot.com/-BKBDFTVyTVs/TdmU9SuHU5I/AAAAAAAAASk/ 
     e7oUIN34cc4/s‌​320/blue+salvia.jpg" class="attachment-shop_single wp-post-image"/> 
    </a> 
</div> 

Это исходный код

$(function() { 
    $('li a').click(function() { 
     $('div img').attr('src', $(this).find('img').attr('src')); 
     $('div').show(); 
     return false; 
    }); 

    $('div').mousemove(function(e){ 
     var h = $(this).find('img').height(); 
     var vptHeight = $(document).height(); 
     var y = -((h - vptHeight)/vptHeight) * e.pageY; 

     $('div img').css('top', y + "px"); 
    }); 

    $('div').click(function(){ 
     $('div').hide(); 
    }); 
}); 

Answer 1

Чтобы получить гиперссылкой адрес:

$('li a').click(function() { 
    var link = $(this).attr('href'); 
    // do something with it 
    return false; 
}); 

Answer 2

http://jsfiddle.net/SWDhG/36/

Вот скрипку, который делает то, что вы хотеть.

$(function() { 
$('li a').click(function() { 

//here's the change --> 
    $('div img').attr('src', $(this).attr('href')); 
// we change the information we take from the element to the 
// href attribute of the element, $(this), which is assigned 
// to the element that caused the event, the anchor tag 
    $('div').show(); 
    return false; 
}); 

$('div').mousemove(function(e){ 
    var h = $(this).find('img').height(); 
    var vptHeight = $(document).height(); 
    var y = -((h - vptHeight)/vptHeight) * e.pageY; 

    $('div img').css('top', y + "px"); 
}); 

$('div').click(function(){ 
    $('div').hide(); 
}); 
}); 

Для краткости я использовал свой собственный атрибут href для демонстрационного образа.