Ребята. что не так со скриптом:
<style> table.prev { width:0; border-collapse:collapse; border:solid 1px transparent; } table.prev td{ padding:0 4px; } .tryam{ border:solid 3px #fff!important; } .Myimg { text-align:center; border:solid 4px #fff!important; border-bottom-width:6px!important; background-color: #D6C59B; width:100px; position:absolute; display:none; z-index:100; margin-top:-100px; margin-left:-30px; box-shadow: 0px 2px 8px #7C7259; -webkit-box-shadow:0px 2px 8px #7C7259; -khtml-box-shadow:0px 2px 8px #7C7259; -moz-box-shadow:0px 2px 8px #7C7259; } } #ObrmlTable{ padding:34px; } </style> <center><div id=ObrmlTable> <table class=prev><tr> <td><img class="tryam" src="http://visitorfriend.ru/profile.php?id=2" width="60"/> <div class="Myimg" style="display:none;"><img src="http://forumavatars.ru/img/avatars/000f/7b/3a/2-1305952804.jpg " style="width:100%;"/></div></td> <td><img class="tryam" src=" http://visitorfriend.ru/profile.php?id=3 " width="60"/> <div class="Myimg" style="display:none;"><img src=" http://forumavatars.ru/img/avatars/000f/7b/3a/3-1305645782.gif " style="width:100%;"/></div></td> <td><img class="tryam" src=" http://visitorfriend.ru/profile.php?id=17 " width="60"/> <div class="Myimg" style="display:none;"><img src=" http://forumavatars.ru/img/avatars/000f/7b/3a/17-1317229086.jpg " style="width:100%;"/></div></td> <td><img class="tryam" src=width="60"/><div class="Myimg" style="display:none;"><img src="http://forumavatars.ru/img/avatars/000f/7b/3a/23-1319314936.gif " style="width:100%;"/></div></td> </tr></table></div> <!--Увеличилка картинок по наведению--> <script type="text/javascript"> $(document).ready(function(){ $('table.prev .Myimg').each(function (i){ $(this).attr("alt",i) }); $('img.tryam').mouseover(function(){ var a=$(this).parent().children('.Myimg').attr("alt") $('table.prev .Show').each(function (){ if($(this).attr("alt")!=a)$(this).removeClass('Show').hide('slow'); }); $(this).parent().children('.Myimg').addClass('Show').show('slow'); }).mouseout(function(){ }); $('.Myimg img').mouseover(function(){ }).mouseout(function(){ $(this).parent('.Myimg').removeClass('Show').hide('slow'); }); }); </script></center>
Теги: Что не так со скриптом...
Отредактировано VASDERJ (2012-03-24 09:25:03)