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;
}