Возникла проблема при работе с:
jQuery Cycle Plugin
http://www.malsup.com/jquery/cycle/lite/ (default)
Во всех браузерах отображается корректно, кроме IE 6,7,8 даже в режиме совместимости. Разъезжаются картинки и бордер картинки не отображается или же отображаются все картинки одновременно (в режиме совместимости) заключенные в див. Не могу забороть никак эту проблему.
если кто нибудь сталкивался с данной проблемой отпишитесь пожалуйста.
<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 8px; border: 1px solid #000000; background-color: #000000; }
</style>
<!-- include jQuery library -->
<script type="text/javascript" src="/lan/video/head/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="/lan/video/head/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
<body>
<table border="0" style="height: 252px" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="/lan/video/head/up.jpg"/>
<div class="slideshow" style="width: 178px; height: 216px;">
<img src="/lan/video/head/christmases.jpg" width="160" height="200" />
<a href="http://www.unity-net.ru"><img src="/lan/video/head/felins.jpg" width="160" height="200" /></a>
</div>
<img src="/lan/video/head/down.jpg"/>
</td>
<td>
<img src="/lan/video/head/up.jpg"/>
<div class="slideshow" style="width: 178px; height: 216px;">
<img src="/lan/video/head/mad.jpg" width="160" height="200" />
<img src="/lan/video/head/tenor.jpg" width="160" height="200" />
</div>
<img src="/lan/video/head/down.jpg"/>
</td>
<td>
<img src="/lan/video/head/up.jpg"/>
<div class="slideshow" style="width: 178px; height: 216px;">
<img src="/lan/video/head/youre.jpg" width="160" height="200" />
<img src="/lan/video/head/zombieland.jpg" width="160" height="200" />
</div>
<img src="/lan/video/head/down.jpg"/>
</td>
</tr>
</table>