Question

我需要将导航设为“上一个”和“下一个”，但需要在它旁边标题。

例如：

＆LT;上一页| '上一个帖子标题''下一个帖子标题'|下一个＆gt;

我无法在任何地方找到任何相关的帖子，并希望有一些天才来帮助我解决这个问题。

我查看过实际上下一张和上一张照片的缩略图助手，但我不够精明，只能从该代码中提取标题。（甚至不确定方向是否正确）

HELP！

Answer 1

您可以使用fancybox tpl选项自定义

之类的导航

jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        tpl: {
            next: '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span>next post title | next &gt;</span></a>',
            prev: '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span>&lt; prev | previous post title</span></a>'
        }
    });
}); // ready

然后使用自定义CSS（在加载fancybox CSS文件之后）根据需要格式化next / prev项目，如：

.fancybox-prev span, .fancybox-next span {
    background-image: none; /* remove default arrows */
    bottom: -30px;
    color: #000 !important;
    top: auto;
    width: 100%;
}

参见 JSFIDDLE

fancybox：下一个和上一个项目的标题

1 个答案: