balupton的jQuery lightBox插件

使用jQuery插件

是否有办法始终显示标题和下一个/上一个按钮。目前，我们必须悬停以显示这些内容，而我的用户大多没有注意到这一点

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

---

这是针对这个网站的：

如果您没有得到任何答案，而这些答案提供了使用内置jQuery解决问题的方法，请考虑这种方法

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

使用Firebug或IE工具栏查看悬停时这些元素的渲染样式，然后更改该样式以反映基础样式本身而不是悬停时所需的样式

---

谢谢

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

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

使用Firebug或IE工具栏查看悬停时这些元素的渲染样式，然后更改该样式以反映基础样式本身而不是悬停时所需的样式

---

谢谢

目前无法将其作为选项，但是您可以通过以下更改修改lightbox 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;
        });

致：

下面几行也一样

稍后你会发现：

                // 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压缩器）

---

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

< P>它目前不可能作为一个选项，但是你可以修改灯箱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;
        });

致：

下面几行也一样

稍后你会发现：

                // 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压缩器）

---

<>我会考虑把它作为未来发行版的选择。

哇，那是最疯狂的AJAX圣经EVWOW，是有史以来最疯狂的AJAX圣经。