wp next_post 分页幻灯片效果答案

【问题标题】：wp next_post pagination slide effectwp next_post 分页幻灯片效果
【发布时间】：2011-05-29 12:52:07
【问题描述】：

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

我正在尝试实现类似 this one 的幻灯片效果，但使用 jQuery 是水平的。我在 Wordpress 下，当用户单击 next_posts_link 和 previous_posts_link 时，我一次使用 ajax 加载 15 个帖子（仅缩略图和标题）。我使用淡入淡出效果让它工作，但我无法使用上面网站中的幻灯片效果。

我使用 jQueryUI 得到了一些工作，但基本上我遇到了 2 个问题：

当我“隐藏”第一个 div 并将其向左滑动时，第二个会在一段时间后出现（我认为是加载时间）。我想提供更多的“推”效果，显示下一个 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>

【问题讨论】：

标签： jquery wordpress jquery-ui pagination slide

【解决方案1】：

我想你需要 Cycle 的 scrollRight 之类的东西。

看看吧，如果你需要任何帮助，尽管说出来。

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

【讨论】：