html:
<a id="arrow-l" class="arrow" href="javascript:slide('left');"><img src="/images/arrow-l.png" /></a>
<a id="arrow-r" class="arrow" href="javascript:slide('right');"><img src="/images/arrow-r.png" /></a>
<div id="wrap">
<table cellpadding="0" cellspacing="0" id="carousel">
<tbody>
<tr>
<?php while (have_posts()) : the_post(); ?>
<td>
<div class="post-caption"><?php the_title(); ?></div>
<div class="post-date">Posted: In: </div>
<div class="post-item">
<?php the_content(); ?>
</div>
</td>
<?php endwhile; ?>
</tr>
</tbody>
</table>
</div>
css:
#conteiner #content #wrap { position: relative; width: 880px; height: 370px; overflow: hidden; display: block; }
#conteiner #content #carousel { position: absolute; width: 999999999px; display: block; }
js:
function slide (side) {
$('#carousel').animate({marginLeft:'200px'}, 'fast');
}
должно двигаться. Но не работает хоть ты тресни. Работает только hide, и то без анимации. Почему такое бывает? И как это поправить?