likbezz, вот я взял у Мисс и переписал под дивы Quote
function theslider() {$('#slider div').css({opacity: 0.0}); $('#slider div:first').css({opacity: 1.0}); setInterval('rotate()',4000);}function rotate() {var current = ($('#slider div.show')? $('#slider div.show') : ? $('#slider div.show') : $('#slider div:first'));var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#slider div:first') :current.next()) : $('#slider div:first'));next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);current.animate({opacity: 0.0}, 1000).removeClass('show');};$(document).ready(function() {theslider();});
Красным всё понял, css значения что можно заменить на .slideDown() .slideUp() да?
А вот синем ели понимаю . . . это само перемещение да?
Ну это уж вывод . . . типа всё ок и работает . . . что-то в этом духеДобавлено (28.07.2012, 10:50)
---------------------------------------------
Вот так попробовал
Code
<table id="slider">
<tbody>
<tr>
<td>
<div class="show">БЛА!</div>
<div>БЛА БЛА!</div>
<div>БЛА БЛА БЛА!</div>
</td>
</tr>
</tbody>
</table>
<script type="text/javascript">function theslider() {$('#slider div').slideUp("slow").slideDown("slow").css({opacity: 0.0}); $('#slider div:first').slideDown("slow").slideUp("slow").css({opacity: 1.0}); setInterval('rotate()',4000);}function rotate() {var current = ($('#slider div.show')? $('#slider div.show') : ? $('#slider div.show') : $('#slider div:first'));var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#slider div:first') :current.next()) : $('#slider div:first'));next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);current.animate({opacity: 0.0}, 1000).removeClass('show');};$(document).ready(function() {theslider();});</script>
И не работает .-. Как сделать чтоб работала при этом картинка на части делилась и разъезжалась верх вниз?Добавлено (28.07.2012, 10:53)
---------------------------------------------
Вот я слоупок яж чисто под дивы делал