I have a user control that I am using to display thumbnails and within the control it defines a tooltip for each item with a larger version of the image and some text about it. All this is packaged (current;y) within a listview and working nicely.
I wanted to add a javascript dropshadow to the larger image (the one in the tooltip) but cannot get this to work. The shadow library I am using is very simple and uses jQuery.Within the shadow function it tries to get the image.outerWidth and outerHeight but these are always coming through as 0 (hence no shadow displays).
If I use the eact same code in the main part of the user control for the thumbnail image the image is shown correctly with the drop shadow. Any idea why this wouldn't work in the tooltip?
The code is as follows:
FWIW I am also loading my own jquery.js in the Master Page - omitting this (I thought that the rad controls used jquery?) gives me script parsing errors.
Any ideas appreciated!
Mark
I wanted to add a javascript dropshadow to the larger image (the one in the tooltip) but cannot get this to work. The shadow library I am using is very simple and uses jQuery.Within the shadow function it tries to get the image.outerWidth and outerHeight but these are always coming through as 0 (hence no shadow displays).
If I use the eact same code in the main part of the user control for the thumbnail image the image is shown correctly with the drop shadow. Any idea why this wouldn't work in the tooltip?
The code is as follows:
<script> |
$(document).ready(function() { |
$('#<%= imgWork.ClientID %>').shadow(); |
}); |
</script> |
FWIW I am also loading my own jquery.js in the Master Page - omitting this (I thought that the rad controls used jquery?) gives me script parsing errors.
Any ideas appreciated!
Mark