Нужна помощь со скриптом, не работает путь к изображению
 

В html так

<div class="product_img">
<img src="<?php print $product->image?>" alt=""  />
<span class="zoom"></span>
</div>

Нашел скрипт

jQuery(document).ready(function() {
	jQuery(".product_img img").click(function(){	// Событие клика на маленькое изображение
	  	var img = jQuery(this);	// Получаем изображение, на которое кликнули
		var src = img.attr('src'); // Достаем из этого изображения путь до картинки
		jQuery("body").append("<div class='popup'>"+ //Добавляем в тело документа разметку всплывающего окна
						 "<div class='popup_bg'></div>"+ // Блок, который будет служить фоном затемненным
						 "<img src="+src+" class='popup_img' />"+ // Само увеличенное фото
						 "</div>"); 
...

Он работает, но хочу событие клика поменять на span и путь к изображению теперь не верный

jQuery(document).ready(function() {
	jQuery(".product_img span").click(function(){
	  	var img = jQuery(".product_img img");
		var src = img.attr('src'); // Достаем из этого изображения путь до картинки

Подскажите, что надо поправить в скрипте?

$(function() {
    $('span.zoom').click(function() {
        var src = $(this).prev().attr('src');
        alert(src) //куда же он денется путь?
        $("body").append("<div class='popup'>"+ //Добавляем в тело документа разметку всплывающего окна
                         "<div class='popup_bg'></div>"+ // Блок, который будет служить фоном затемненным
                         "<img src="+src+" class='popup_img' />"+ // Само увеличенное фото
                         "</div>");
    });
});

Если на странице и есть большое изображение (судя по пути к нему), то можно просто клонировать его для вставки.

СПС :)