Páginas

segunda-feira, 14 de abril de 2014

Alterando Imagem usando Jquery

<img id="my_image" src="first.jpg"/>
$('#my_image').on({
    'click': function(){
        $('#my_image').attr('src','second.jpg');
    }
});
Para fazer uma rotação de imagem ao clicar com o mouse utilize este script :
$('img').on({
    'click': function() {
         var src = ($(this).attr('src') === 'img1_on.jpg')
            ? 'img2_on.jpg'
            : 'img1_on.jpg';
         $(this).attr('src', src);
    }
});