Question

首先，我对jQuery和编码并不擅长。

我正在尝试实现像this one这样的幻灯片效果，但是使用jQuery是水平的。我在Wordpress下，当用户点击next_posts_link和previous_posts_link时，我一次只用ajax加载15个帖子（只有缩略图和标题）。我使用淡入淡出效果让它工作但我不能像上面的网站那样使用幻灯片效果。

我使用jQueryUI工作，但基本上我遇到了两个问题：

当我“隐藏”第一个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>

Answer 1

我想你需要像Cycle的scrollRight这样的东西。

检查一下，如果您需要任何帮助，请说出来。

http://jquery.malsup.com/cycle/

wp next_post分页幻灯片效果

1 个答案: