Вопрос знатокам почему мерцают маленькие картинки - жать на маленькие ?!
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div img {
width: 100%;
height: 100%;
}
</style>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function () {
$("#perekl_1").click(
function (event) {
$("#kart_1").fadeOut(200, function () {
$(this).css({
"backgroundImage": "url(http://javascript.ru/img/ws_1.png)"
}).fadeIn(200)
});
});
$("#perekl_2").click(
function () {
$("#kart_1").fadeOut(200, function () {
$(this).css({
"backgroundImage": "url(http://javascript.ru/forum/images/ca_serenity/misc/logo.gif)"
}).fadeIn(200)
});
});
})
</script>
</head>
<body>
<div id="obol_1">
<div id="kart_1" style=" ;width:360px; background-image:url(http://javascript.ru/forum/images/ca_serenity/misc/logo.gif); height:260px">
</div>
<div id="perekl_1" class="perekl" style="z-index:10 ;height:75; width:105px; margin-top:-20px; margin-left:50px;float:left">
<img src="http://javascript.ru/img/ws_1.png">
</div>
<div id="perekl_2" class="perekl" style="z-index:2 ;height:75; width:105px; float:left; margin-top:-20px; margin-left:35px">
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
</div>
</div>
</body>
</html>