Показать сообщение отдельно
  #24 (permalink)  
Старый 09.03.2012, 12:58
Интересующийся
Отправить личное сообщение для Stalker4uk Посмотреть профиль Найти все сообщения от Stalker4uk
 
Регистрация: 05.03.2012
Сообщений: 12

Сделал работу таким способом, все вроде работает правильно.
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style type="text/css">
.conteiner 
{
border:0px; 
height:250px;
width:150px;
position:absolute;
}
.cnop 
{
position:absolute;
Top:9%;
left:43%;
}
</style>      
<script>
$(document).ready(function() {

$("#img2, #img3").hide(0);
$("#but1").attr("disabled", true)
$("#img3, #img2, #img1").css("position","absolute")


$("#but1").mouseenter(function(){
$("#img2, #img3").stop(true, true)
$("#img2, #img3").hide(0);
$("#but1").attr("disabled", true)
$("#but2, #but3").attr("disabled", false)
$("#img1").show("bounce", { times: 1 }, 1000);
$("#img1").css("position","absolute");
});

$("#but2").mouseenter(function(){
$("#img1, #img3").stop(true, true)
$("#img1, #img3").hide(0);
$("#but2").attr("disabled", true)
$("#but1, #but3").attr("disabled", false)
$("#img2").show("bounce", { times: 1 }, 1000);
$("#img2").css("position","absolute");
});

$("#but3").mouseenter(function(){
$("#img2, #img1").stop(true, true)
$("#img2, #img1").hide(0);
$("#but3").attr("disabled", true)
$("#but2, #but1").attr("disabled", false) 
$("#img3").show("bounce", { times: 1 }, 1000);
$("#img3").css("position","absolute");
});

});
</script>
</head>
<body>
<table align="center">
<tr>
<td>
<div class="cnop">
<input id="but1" type="button" value="Блок №1" /><br>
<input id="but2" type="button" value="Блок №2" /><br>
<input id="but3" type="button" value="Блок №3" /><br>
</div>
</td>
<td>
<div class="conteiner">
<div id="img1"><img src="1.jpg" height="250px" width="150px"></div>
<div id="img2"><img src="2.jpg" height="250px" width="150px"></div>
<div id="img3"><img src="3.jpg" height="250px" width="150px"></div>
</div>
</td>
</tr>
</table>
</body>
</html>


Может кому то пригодится или просто посмотреть.
Ответить с цитированием