#480 new
John Marcello

Lightbox Issue In IE - Any help is greatly appreciated

Reported by John Marcello | June 11th, 2012 @ 04:44 PM

Greetings:

I am running into an issue with IE not popping up the lightbox for an inline element. Chrome and FF work well. Basically I am trying to pop up a lightbox with some inline HTML in it. The button image with the link also has some other jQuery attached to it to fade in and out the button on hover that may be causing some brain damage. I am really not sure as I am a complete novice with Javascript/jQuery. Any help with a simple elegant solution would be greatly apprciated. Here is some code examples that affect what I am trying to do or the full version can be viewed at http://www.buenolisto.com/alma:

JS

<!-- <script src="<?php bloginfo('stylesheet_directory'); ?>/custom/scripts/right.js" type="text/javascript"></script> <script src="<?php bloginfo('stylesheet_directory'); ?>/custom/scripts/right-lightbox.js" type="text/javascript"></script> <script type="text/javascript"> jQuery("li.button").hover(function(){ jQuery(this).find("img").stop(true, true).fadeOut('slow'); }, function(){ jQuery(this).find("img").stop(true, true).fadeIn('slow'); }) </script> -->

HTML

<!-- <ul><li class="button"> <a href="" onclick="Lightbox.show($("locations").html()).resize({width:"20em"}); return false;" class="reservas"> <img src="<?php bloginfo('stylesheet_directory'); ?>/custom/images/button_reserva.png"> </a> <div id="locations" style=" display: none;"> <h2>Selecionar Ubicacion:</h2> </div> </li> </ul> -->

(commenting added to show code in ticket)

CSS

ul { float: right; list-style: none; }
li.button { background: url("images/button_reserva.png") repeat scroll 0 -30px; cursor: pointer; height: 30px; overflow: hidden; width: 152px; }
li.button img { margin-top: 0; }
li a.reservas { display: inline-block; height: 30px; width: 152px; }

No comments found

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

RightJS Core Tickets

Shared Ticket Bins

People watching this ticket

Pages