Прежде всего, я не очень хорошо разбираюсь в jQuery и кодировании.
Я пытаюсь добиться эффекта слайда, например , этого , но горизонтального с помощью jQuery.
Я нахожусь под Wordpress, и я загружаю 15 сообщений за один раз (только миниатюру и название) с ajax, когда пользователь нажимает на next_posts_link и previous_posts_link. Я получил его с помощью эффекта затухания, но я не могу заставить его работать с эффектом слайда, как на сайте выше.
Я получил кое-что работающее, используя jQueryUI, но в основном у меня было 2 проблемы:
когда я «прячу» первый div, сдвигая его влево, через некоторое время выходит второй (я думаю, это время загрузки). Я хотел бы дать больше эффекта «толчка», показывающего, что следующий div входит, когда первый выходит. Может быть, это можно сделать с какой-то предварительной загрузкой.
Я могу сделать это только в одном направлении (первый div прячется с левой стороны, второй div с правой стороны). Мне нужно правильное направление, когда я нажимаю кнопку «Далее» или «Предыдущая».
Я использую JS:
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery('#nav-above a').live('click', function(e){e.preventDefault();var link = jQuery(this).attr('href');
jQuery('#nav-above').load(link + ' #nav-above');jQuery('#container-home').hide("slide", { direction : "left" }, 200).load(link + ' #content', function(){ jQuery('#container-home').show("slide", { direction: "right" }, 200);
});
});
});
</script>