Question

I am helping a company move some Flash slideshows and maps to jQuery presentations that will work on all platforms.

Previous dev used jqBanner plugin to provide captions over a semitransparent layer on bottom of show and was fired for this transgression. The original Flash had those captions positioned in various locations depending on the photo.

My question is whether there is either a jQuery plugin that supports positioned captions in multiple locations or which would be a good starting point for modifications? To reiterate- What I am hoping to find is a slideshow that makes it easy to specify positioning for each caption separately and in time with the slideshow shifts.

Answer 1

Give the container of the images/content a position of “relative” and when appending/adding the layover to that container and giving it a position of absolute, you can position it anywhere but the initial constraints will be based on the parent elements positioning

<div style="position:realitive" id="main_wrap">
   <img src="img.jpg">
   <div style="position:absolute;top:10px;left:50px;z-index:10;">Text</div>
</div>

for a quick example… course since your doing it slide show style, i’d replace the image with a unordered list, where each child in the list contains the image you want, then I’d rotate through those similar to this method I helped someone out with earlier http://jsfiddle.net/BsREB/

then with jQuery, javascript, whatever, you can dynamicaly change the layover text and position according to your desire..