jQuery Image Loader & link

[wolf777]

Saludos tengo una dificultad con parte de mi codigo jquery, es un loader para cargar imagenes, pero deseo agregarles links a esas imagenes y no se como deberia hacerlo.
jQuery:

Código HTML:

            $(function () {
                    var images = new Array();
                            images[0] = 'http://1.jpg';
                            images[1] = 'http://2.jpg';
                            images[2] = 'http://3.jpg';
                    $("ul#portfolio li").each(function(index,el){
                            var img = new Image();
                            $(img).load(function () {
                                $(this).css('display','none'); // since .hide() failed in safari
                                $(el).removeClass('loading').append(this);
                                $(this).fadeIn();
                            }).error(function () {
                                            $(el).remove();
                            }).attr('src', images[index]);
                    });
            });

CSS:

Código HTML:

ul#portfolio {
    margin:0;
    padding:0;
}
ul#portfolio li { 
    float:left;
    margin:0 5px 0 0;
    width:250px;
    height:250px;
    list-style:none;
}
ul#portfolio li.loading { 
    background: url(../images/preload_01.gif) no-repeat center center;
}

pagina principal:

Código HTML:

 <ul id="portfolio">
                    <li class="loading"></li>
                    <li class="loading"></li>
                    <li class="loading"></li>
                    </ul>
                    <div class="clear"></div> 

[caricatos]

Tema movido desde javascript

[wolf777]

Lo resolvi de esta forma pero no se si es la ams adecuada:

$(function () {
var images = new Array();
images[0] = 'http://farm4.static.flickr.com/3293/2805001285_4164179461_m.jpg';
images[1] = 'http://farm4.static.flickr.com/3103/2801920553_656406f2dd_m.jpg';
images[2] = 'http://farm4.static.flickr.com/3248/2802705514_b7a0ba55c9_m.jpg';
$("ul#portfolio li").each(function(index,el){
var img = new Image();
$(img).load(function () {
$(this).css('display','none'); // since .hide() failed in safari
$(el).removeClass('loading').append(this);
$(this).fadeIn();
}).error(function () {
$(el).remove();
}).attr('src', images[index]);
});
$("ul#portfolio li").click(
function()
{
window.location = $(this).attr("url");
});

});

A cada Lista <li> le adicione el atributo url='dirección'
al Css le coloque un puntero para que se vea como link