Адрес форума: http://curama.mybb.ru
Проблема:
На форуме есть доска миссий. Чтобы было интереснее, я оформил ее так, чтобы она была похожа на настоящую доску и чтобы листочки с заданиями увеличивались при наведении т.к. в изначальном виде они маленькие.
Недавно этот код перестал работать.
Тоже самое и на тестовом - там он тоже слетел.
Помогите разобраться, что же с ним случилось и что нужно исправить.)
Вот он:
[html]
</br></br>
<style>
table.prev {
width:100;
border-collapse:collapse;
border:solid 0px transparent;
}
table.prev td{
padding:0 4px;
}
.tryam{
border:solid 0px #fff!important;
}
.Myimg {
text-align:left;
border:solid 5px transparent!important;
border-bottom-width:12px!important;
background-color: #;
width:452px;
higth:545px
position:absolute;
display:none;
z-index:100;
margin-top:-100px;
margin-left:-10px;box-shadow: 0px 2px 4px #7C7259;
-webkit-box-shadow:0px 2px 4px #7C7259;
-khtml-box-shadow:0px 2px 4px #7C7259;
-moz-box-shadow:0px 2px 4px #7C7259;
}
}
#ObrmlTable{
padding:20px;
}
</style>
<left><div id=ObrmlTable>
<table class=prev>
<tr><td><img class="tryam" src="http://b.radikal.ru/b15/1907/c7/039aec5ee6d4.png" width="75"/><div class="Myimg" style="display:none;"><img src="http://b.radikal.ru/b15/1907/c7/039aec5ee6d4.png" style="width:89%;"/></div></br>завершена</td><td></td></td><td><img class="tryam" src="http://c.radikal.ru/c33/2003/36/47e39c9fb89c.png" width="75"/><div class="Myimg" style="display:none;"><img src="http://c.radikal.ru/c33/2003/36/47e39c9fb89c.png" style="width:89%;"/></div></br></td></td><td></td><td><img class="tryam" src="http://b.radikal.ru/b42/1907/04/bf88bcd7b11c.png" width="75"/><div class="Myimg" style="display:none;"><img src="http://b.radikal.ru/b42/1907/04/bf88bcd7b11c.png" style="width:89%;"/></div></br>отыгрывается</td><td></td>
<td><img class="tryam" src="http://a.radikal.ru/a38/1907/70/cbbf9df81a32.png" width="75"/><div class="Myimg" style="display:none;"><img src="http://a.radikal.ru/a38/1907/70/cbbf9df81a32.png" style="width:89%;"/></div></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td><img class="tryam" src="http://b.radikal.ru/b03/1907/13/977d127edd58.png" width="75"/><div class="Myimg" style="display:none;"><img src="http://b.radikal.ru/b03/1907/13/977d127edd58.png" style="width:89%;"/></div></td><td></td><td><img class="tryam" src="http://c.radikal.ru/c30/1907/5d/3c91d9b72974.png" width="75"/><div class="Myimg" style="display:none;"><img src="http://c.radikal.ru/c30/1907/5d/3c91d9b72974.png" style="width:89%;"/></div></td><td></td>
<td><img class="tryam" src="http://b.radikal.ru/b40/1907/6b/a2399399003f.png" width="75"/><div class="Myimg" style="display:none;"><img src="http://b.radikal.ru/b40/1907/6b/a2399399003f.png" style="width:89%;"/></div></td><td></td>
<td><img class="tryam" src="http://a.radikal.ru/a02/1907/aa/e284fd3e99bf.png" width="75"/><div class="Myimg" style="display:none;"><img src="http://a.radikal.ru/a02/1907/aa/e284fd3e99bf.png" style="width:89%;"/></div></td>
</tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td><img class="tryam" src="" width="75"/><div class="Myimg" style="display:none;"><img src="" style="width:89%;"/></div></td><td></td><td><img class="tryam" src="" width="75"/><div class="Myimg" style="display:none;"><img src="" style="width:89%;"/></div></td><td></td>
<td><img class="tryam" src="" width="75"/><div class="Myimg" style="display:none;"><img src="" style="width:89%;"/></div></td><td></td>
<td><img class="tryam" src="" width="75"/><div class="Myimg" style="display:none;"><img src="" style="width:89%;"/></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>
[/html]
а тут он работает 
Отредактировано Курама (Вс, 28 Мар 2021 20:58:09)
