jquery baggrund skift med fade

$(this).css('background-image', 'url('+ $(this).attr('src'+ ')';

måske:
$("'img.thumbnail'").each(function(){
$(this).click(function() {
        $('#bgimg').fadeOut(500, function() {
            $(this).css('background-image', 'url('+ $(this).attr('src'+ ')';
        }).fadeIn(500);
     
    });

});

how...

$("'img.thumbnail'").each(function(){
$(this).click(function() {
        var url  = $(this).attr('src');
        $('#bgimg').fadeOut(500, function() {
            $(this).css('background-image', 'url('+ url +')';
        }).fadeIn(500);
   
    });

});

$(document).ready(function() {
    $('img.thumbnail').click(function() {
        var $thumbnail = $(this);
        $('#bgimg').fadeOut(500, function() {
                    $(this).css('background-image', 'url('+ $thumbnail.attr('src') +')
          }).fadeIn(500);
    });
});

Egentlig er jokkejensen's sidste forslag det samme, som mit.
Beklager jeg:)

Den eneste forskel er at jeg har alt information tilrådighed om den thumbnail der blev klikket.

Den melder fejl i dokumentet
https://picasaweb.google.com/lh/photo/i5QERXvOA0LDsLH0zhkD9g?feat=directlink

siden kunne ikke vises

Det må i undskylde ved squ ikke lige hvad der skete
her er en anden
http://i51.tinypic.com/2gsl6s4.jpg

sorry!

  $(document).ready(function() {
    $('img.thumbnail').click(function() {
        var $thumbnail = $(this);
        $('#bgimg').fadeOut(500, function() {
                    $(this).css('background-image', 'url('+ $thumbnail.attr('src') +')')
          }).fadeIn(500);
    });
  });

jokke.. han behøver i øvrigt ikke each:)

kalp
du er fandme for sej
mange tak for hjælpen det virker perfekt

mit eksempel nr 3 virker da fint ? - det der blev kopieret fra.

Kalp > nej jeg ved den er unødvendig, men det var mere for forståelsen af $(this)

jeg kopirede skam ikke dit:) jeg kopirede og rettede brugerens;)

Din kode virker ikke.. du har 2 fejl.
Din kode virker hvis du skriver den sådan her:

    $('img.thumbnail').each(function(){
    $(this).click(function() {
            var url  = $(this).attr('src');
            $('#bgimg').fadeOut(500, function() {
                $(this).css('background-image', 'url('+ url +')');
            }).fadeIn(500);
        });

    });

Nåå okay, så kan jeg jo kun takke dig for at springe ind og lege papegøje..

/J

Det er super mange tak for hjælpen.
Men der skulle tilfældigvis ikke være nogle er jer der ved hvordan man preloader en mappe billeder.
Har prøvet at finde ud af det, men det har ikke lykkedes mig.

Der er et meget godt bud du kan følge her:
http://stackoverflow.com/questions/476679/preloading-images-with-jquery

Der er både et jQuery forslag og men også et forslag uden jQuery:)