Results 1 to 4 of 4

Thread: Lightbox

  1. #1
    Join Date
    Feb 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Lightbox

    1) Script Title: Lightbox

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tbox/index.htm

    3) Describe problem:
    I have integrated in the lightbox-script, and it works very well.

    The only problem is, that if I have a dropdown-menue on the site it overlays the layer with the enlarged picture in IE, that doesn´t look very nice.

    How can I fix this bug?

    Thanx for any help,
    Honda

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    In lightbox.css try adding z-index:10000; - I'm not certain where, try various places, ex:

    Code:
    #lightbox{
    	background-color:#eee;
    	padding: 10px;
    	border-bottom: 2px solid #666;
    	border-right: 2px solid #666;
            z-index:10000;
    	}
    #lightboxDetails{
    	font-size: 0.8em;
    	padding-top: 0.4em;
    	}	
    #lightboxCaption{ float: left; }
    #keyboardMsg{ float: right; }
    #closeButton{ top: 5px; right: 5px; }
    
    #lightbox img{ border: none; clear: both;} 
    #overlay img{ border: none; }
    
    #overlay{ background-image: url(overlay.png); }
    
    * html #overlay{
    	background-color: #333;
    	back\ground-color: transparent;
    	background-image: url(blank.gif);
    	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
    	}
    Start with the spot where I put it, it is the most likely to work.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Feb 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default This is a IE 5/6 -BUG

    Hello,

    I found out that this is a bug which exists only in the IE. But unfortunately, this browser is the most popular.

    In general there are two workarounds.
    One with an Iframe and one with visibility:hidden.

    Has anyone fixed this "bug" in the the lightbox-script?

    Honda

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Oh, I think you mean a select element then:

    HTML Code:
    <select>
    <option>Bob</option>
    <option>Mary</option>
    <option>Sal</option>
    </select>
    That is different than a drop down menu. In any case, I think that has already been worked out in version 2:

    http://www.dynamicdrive.com/dynamici...box2/index.htm

    If, on the other hand, you really meant a menu, like Anylink, HV, Chrome, etc. the z-index thing I mentioned will take care of it.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •