Вывести URL с IMG
 

Есть js код

$('#right_slider_3 .overflow ul li a').click(function () {
            $('#right_slider_3 .overflow ul li.active').removeClass('active');
            $(this.parentNode).addClass('active');
            var ig = new Image();
            if ($.browser.msie && $.browser.version < 8) {
                ig.src = $(this).attr('href') + "?" + new Date().getTime();
            }
            else {
                ig.src = $(this).attr('href');
            }
            $('#right_slider_3 .big_foto .img').prepend(ig);
            $(ig).hide();

            $(ig).load(function () {
                $('#right_slider_3 .big_foto .img img').eq(1).remove();
                $('#right_slider_3 .big_foto .img img').eq(0).animate({'opacity':'show'}, 500);
            })
            return false
        });
        $('#right_slider_3 .arrow_1, #right_slider_3 .arrow_2, #right_slider_3 .big_foto .img, #right_slider_3 .overflow ul a').mouseup(function () {
            $('#right_slider_3').attr('class', 'dontMove');
        });
        $('#right_slider_3 .overflow ul li:first').addClass('active').find('a').click();
        if ($('#right_slider_3 .overflow ul li').length > 1) {
            setTimeout(function () {
                right_slider_3_auto()
            }, 5000);
        }
    }

он вписывает мне в <div class="img"></div> , ссылки картинок примерно получается вот так

<div class="img"><img src="/fotoindex/foto1.jpg" style="display: block;"></div>

как сделать чтоб у меня получилась что-та вроде такого,

<div class="img">
<a rel="example_group" href="/fotoindex/foto1.jpg"><img src="/fotoindex/foto1.jpg" style="display: block;"></a></div>

11-я строка:

$('#right_slider_3 .big_foto .img').prepend($('<a/>').append(ig).attr({'href': ig.src, 'rel': 'example_group'}));

теперь вот так выводит:

15 и 16 строки:

$('#right_slider_3 .big_foto .img a').eq(1).remove();
$('#right_slider_3 .big_foto .img a').eq(0).animate({'opacity':'show'}, 500);

<div class="img"><a class="grouped_elements" rel="example_group" href="http://banya.spnscript.ru/fotoindex/foto1.jpg"><img src="/fotoindex/foto1.jpg" style="display: none;"></a></div>

картинка теперь display: none;

12:

$(ig.parentNode).hide();

работает но немного другая проблема появилась.

Два одинаковых кода, при переходе на одну картинку, всё нормально, при переходе на вторую кидает просто на юрл картинки..

можно както поправить?

http://banya.spnscript.ru/index.php

ссылка на сайт, 2 картинкие большие почти в подвале сайта, попробуй понажимай, сам поймешь наверно

fancybox нужно инитить для новых ссылок

примерно так:

$('#right_slider_3 .overflow ul li a').click(function () {
            $('#right_slider_3 .overflow ul li.active').removeClass('active');
            $(this.parentNode).addClass('active');
            var ig = new Image();
            if ($.browser.msie && $.browser.version < 8) {
                ig.src = $(this).attr('href') + "?" + new Date().getTime();
            }
            else {
                ig.src = $(this).attr('href');
            }
            var $anchor = $('<a/>').append(ig).attr({'rel': 'example_group','href': ig.src}).hide();
            $('#right_slider_3 .big_foto .img').prepend($anchor);

            $anchor.fancybox({
              'transitionIn'		: 'none',
              'transitionOut'		: 'none',
              'titlePosition' 	: 'over',
              'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
              }
            });

            $(ig).load(function () {
                $('#right_slider_3 .big_foto .img a').eq(1).remove();
                $('#right_slider_3 .big_foto .img a').eq(0).animate({'opacity':'show'}, 500);
            })
            return false
        });

спасибо огромное