Skip to main content

Search and Top Navigation

#9375 closed bug (notabug)

Opened June 13, 2013 08:53AM UTC

Closed June 13, 2013 01:25PM UTC

overlay plugin stopped wiorking

Reported by: dollymishra55 Owned by:
Priority: minor Milestone: none
Component: ui.core Version: 1.8.4
Keywords: Cc:
Blocked by: Blocking:

MY code uses Jquery overlay plugin. It was working correctly till jquery v1.4.4. When we upgrade to 1.5.x, the overlay still appears but does not display images or any other control on it.

<div class="ehGallery" id="gallerySection">

<h2 id="galleryHeader" class="active" style="cursor: pointer;">Gallery</h2>

<span></span> <!-- IE7 Fix, this empty element stops the element collapsing when the accordian is changing -->

<div class="galleryScroller" id="galleryScroller" style="margin-top:15px;">

<div class="scrollLeft bgMidOlive" style="width:18px;">

<a href="#" class="galleryScrollerA"><img id="galleryScrollLeft" class="displayNone" src="/static/images/scrollerLeft.gif" alt="left"/></a>


<!-- overflow:hidden on this element is an IE7 fix, this prevents a problem when the accordian is changing -->

<div class="scrollImages" style="overflow : hidden; position:relative; width : 400px">

<ul id="scrollerBox" style="position: absolute; left : 0px; padding-left : 3px;">

<asp:Repeater ID="repImages" runat="server">


<li style="display:inline;">

<a class="liteboxa" href="<%# Eval("MainImagePath") %>" title="<%# Eval("ImageDescription") %> <%# Eval("Copyright") %>" rel="<%# Eval("ImageCredit") %>" target="_blank" >

<img style="margin-bottom:2px;" src="<%# Eval("ThumbImagePath") %>" alt="<%# Eval("ImageDescription") %>" />


<asp:Repeater runat="server" ID="repImageAdditionalLinks" DataSource='<%#((GalleryImage)Container.DataItem).AdditionalLinks %>'>


<a class="hide" href="<%# Eval("Href") %>" title="<%# Eval("Text") %>"><%# Eval("Text") %></a>








<div class="scrollRight bgMidOlive">

<a href="#" class="galleryScrollerA"><img id="galleryScrollRight" class="displayNone" src="/static/images/scrollerRight.gif" alt="right"/></a>


<div class="clear"></div>


<div class="clear"></div>


<!-- overlay element -->

<div class="simple_overlay" id="gallery">

<asp:TextBox ID="txtBox1" runat="server">Hello</asp:TextBox>

<div class="closebtn" id="closebtn"></div>

<!-- image information -->

<div class="liteInfoWrap" id="liteInfoWrap">

<div class="info" id="info"></div>


<div class="bottomWrap" id="bottomWrap">

<div class="infoLinks" id="infoLinks"></div>

<div class="popnav">

<a class="prev" onmousedown="gallNav(0)"></a>

<a class="next" onmousedown="gallNav(1)"></a>



<!-- load indicator (animated gif) -->

<img class="progress" src="/static/images/popups/loading.gif" alt="loading, please wait"/>


<script type="text/javascript">

$("#gallerySection a.liteboxa").overlay({

each trigger uses the same overlay with the id "gallery"

target: '#gallery',

expose: '#7f7f7f',

onLoad: function () {

// grab wrapper element inside content

var wrap = this.getOverlay().find("img");

load the page specified in the trigger


this.getOverlay().find("img").css({visibility: "visible"});

this.getOverlay().find(".close").css({ visibility: "visible", display: "block" });

this.getOverlay().find(".info").css({ visibility: "visible", display: "block" });

this.getOverlay().find(".prev").css({ visibility: "visible", display: "block" });

this.getOverlay().find(".next").css({ visibility: "visible", display: "block" });



the plugin accepts its own set of configuration options

speed: 200,

autohide: false,

preload: true,

template: '<div class="infoInner" style="min-height:50px;"><strong>${title}</strong></div>'


Attachments (0)
Change History (1)

Changed June 13, 2013 01:25PM UTC by tj.vantoll comment:1

resolution: → notabug
status: newclosed

Hi dollymishra55,

This is the bug tracker for jQuery UI, for bugs with the overlay plugin you'll have to contact its maintainers. For support you can try the forums or Stack Overflow.