Multiple close buttons

I have seen something similar. Multiple close and navigation buttons when using Lightbox on views. Additionally, the "loading" animation remains visible on top of the image.
The problem happens when visiting all but the first page of a view that spans multiple pages (showing a pager at the bottom).
I was able to work around the issue by selecting the "Disable javascript with Views" in the views module.

It must be a conflict where the javascript code of lightbox.js gets executed twice (or more) causing duplicate elements in the DOM tree:

<div id="bottomNav">
  <a id="bottomNavClose" href="#" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"/>
  <a id="bottomNavZoom" href="#"/>
  <a id="bottomNavZoomOut" href="#"/>
  <a id="lightshowPause" style="display: none;" href="#"/>
  <a id="lightshowPlay" style="display: none;" href="#"/>
  <a id="bottomNavClose" href="#"/>
  <a id="bottomNavZoom" href="#"/>
  <a id="bottomNavZoomOut" href="#"/>
  <a id="lightshowPause" style="display: none;" href="#"/>
  <a id="lightshowPlay" style="display: none;" href="#"/>
</div>

PS: I'm changing the issue title because it does not only occur in combination with popups.

I'm not using the 'nice menus' module. It must be the views module causing the trouble. I hope to have some time tomorrow to dig a little deeper.
Hopefully we can make the javascript robust enough so that other modules/themes can't break it no matter how often jquery.js gets loaded.

I doubt this is an issue with the views module.

The actual issue is not probably in the views module. But I'm sure there is something in the views module (and the popups module) that triggers the issue in the Lightbox2 module.

Can you provide a link to your site perhaps?

That is not going to help because it's a customer site that wen tlive this weekend. I worked around the issue by disabling javasscript support in the views module (as mentioned in #302262-4)

Can you double-check your theme to ensure it's not printing $scripts twice? Also if using rel="lightmodal", please ensure that the content you are opening in the lightbox window does not contain html, body or header tags - if they are, please use rel="lightframe" instead.

My theme (a Zen sub theme) is printing $scripts only once and I'm not using rel="lightmodal".

In the meantime I was able to dig a little deeper and I think I have found the real cause:

lightbox.js contains

Drupal.behaviors.initLightbox = function (context) {
  Lightbox.initialize();
  $('#lightboxAutoModal').triggerHandler('click');
};

The initialize() method contains a lot of calls to append() to add the UI to the current DOM.

If I understand the Drupal.behaviors documentation correctly the code will get executed again whenever an AJAX call is executed. Since the lightbox code doesn't do anything with the context parameter the initialize function executes the exact same code even though only a part of the DOM was modified. This results in duplicate elements (close button, navigation buttons, 'loading' animation,...) in the DOM.

When I add a simple alert(context) to the initLightbox() function I see that the first call to initLightbox() passes a HTMLDocument. After clicking on the pager of a AJAX-ified view there is a second call with an HTMLDivElement as parameter.

I'll see if I can come up with a patch that avoids unnecesssary calls to Lightbox.initialize(). (It might be as simple as adding an if surrounding the Lightbox.initialize())

Stella, here is a patch that fixes the duplicate DOM elements when the lightbox2 module is used on pages that use AJAX.
I have moved the call to initList() out of initialize(). Initialize is only called when the full document is loaded. initList() is always called().

This patch fixes my problems in combination with AJAX-ified views. I can't verify whether it fixes the conflict with the popups module.

Automatically closed -- issue fixed for two weeks with no activity.