Carregar Imagem Div

Carregar Imagem Div

by Angelo Rogério Rubin

HTML

<button id="gastronomia">Clique Aqui</button>
<div id="caixaSlider"></div>

CSS

#caixaSlider{
    margin: 20px 0 0 0;
    overflow:hidden;
    height: auto;
    min-height: 300px;
}

JavaScript

$("#gastronomia").click(function() {
    $("#caixaSlider").fadeIn("slow").css({"background-image":"url(http://3.bp.blogspot.com/-TFURdqPJu1Y/T6BndZvrQUI/AAAAAAAAGqg/hFaM_V2E4I4/s320/gastronomia.jpg)", "background-repeat": "no-repeat"});
    $("#opcoes-menu").css({backgroundPosition: '0 -320px'});
});