jquery - balupton 的 jQuery 灯箱插件

Question

使用 jQuery 插件http://jquery.com/plugins/project/jquerylightbox_bal

有没有办法让标题和下一个/上一个按钮总是出现。目前我们必须悬停才能让这些出现，而我的用户大多没有注意到这一点。

LightBox2 和其他人允许这样做，但我需要它基于 jQuery，因为其他框架会干扰我的其他 js。

这是为这个网站：http: //BiblePro.BibleOcean.com

Answer 1

考虑这种方法如果您没有得到任何答案，可以使用内置的 jQuery 事物来解决您的问题。

我已经成功地编辑了 jQuery 插件的样式来实现我想要的，如果它还没有提供的话。（除非它通过 jQuery 功能实现，而不仅仅是使用样式）。

使用 Firebug 或 IE 工具栏查看悬停时为这些元素呈现的样式，然后更改该样式以反映您在基本样式本身而不是悬停时想要的样式。

谢谢

Answer 2

目前无法作为选项，但是您可以通过以下更改修改灯箱 js 文件：

        // Prev
        $('#lightbox-nav-btnPrev').unbind().hover(function() { // over
            $(this).css({ 'background' : 'url(' + $.Lightbox.files.images.prev + ') left 45% no-repeat' });
        },function() { // out
            $(this).css({ 'background' : 'transparent url(' + $.Lightbox.files.images.blank + ') no-repeat' });
        }).click(function() {
            $.Lightbox.showImage($.Lightbox.images.prev());
            return false;
        });

至：

        // Prev
        $('#lightbox-nav-btnPrev').css({ 'background' : 'url(' + $.Lightbox.files.images.prev + ') left 45% no-repeat' });

下面的几行也是如此。

稍后你会发现：

                // If not first, show previous button
                if ( !this.images.first(image) ) {
                    // Not first, show button
                    $('#lightbox-nav-btnPrev').show();
                }

                // If not last, show next button
                if ( !this.images.last(image) ) {
                    // Not first, show button
                    $('#lightbox-nav-btnNext').show();
                }

将其更改为：

                // If not first, show previous button
                if ( !this.images.first(image) && !this.images.last(image) ) {
                    // Not first, show button
                    $('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').show();
                }

那应该为你做。您可以在 html 中包含未缩小的 js 文件，或者缩小该 js 文件并保存（我使用 YUI js 压缩器）。

我会考虑将其作为未来版本的一个选项。