-
1. Re: slide show in table cell and text in layer above images
Nancy O. Nov 3, 2010 2:43 PM (in response to cyberbaffled)Have a look at this fade-in slideshow.
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
2. Re: slide show in table cell and text in layer above images
cyberbaffled Nov 3, 2010 4:21 PM (in response to Nancy O.)Hi again Nancy,
You've provided very helpful information in the past. The code for the "show" in the upper right position would be perfect if the text-bar background could be made transparent and positioned higher against the image. Your suggestion has forced me to clarify my concept in my own mind. The need for transparency hadn't occurred to me yet.
An alternative would be the upper left "show" in a bottom layer with text with a transparent background in a top layer. The text in the top layer would remain constant from the time of the page's loading; i.e., would be independent of changes in the bottom layer. Perhaps I could figure out the code necessary to coordinate that text's change of shade from one slide to the next appropriate to the slide's shade.
I'm assuming that a table cell can be partitioned into layers using HTML and each layer programmed independently using JavaScript.
Thanks again for your prompt attention.
-
3. Re: slide show in table cell and text in layer above images
Nancy O. Nov 4, 2010 11:06 AM (in response to cyberbaffled)The code for the "show" in the upper right position would be perfect if the text-bar background could be made transparent and positioned higher against the image.
You mean like this?
http://alt-web.com/DEMOS/FadeSlideShow.html
The description div's top-margin, background, opacity and text color are in the fadeslideshow.js starting at line 238:
//create inner nav panel DIVs
.css({position:'absolute', left:0, top:-146, width:setting.$descpanel.width()-8, padding:'4px'})
.eq(0).css({background:'black', opacity:0.5}).end() //"descpanelbg" div
.eq(1).css({color:'white'}).html(setting.I'm assuming that a table cell can be partitioned into layers using HTML
No. Absolutely positioned divs (aka layers) are ruled by CSS, not HTML.
Not sure I understand why you would want to use tables for any part of this. CSS is much better for layouts.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
4. Re: slide show in table cell and text in layer above images
cyberbaffled Nov 5, 2010 10:01 AM (in response to Nancy O.)Now it's time for me to begin experimenting
with this application. The lines of code you've transcribed should fulfill my requirement. Regarding the table; it's the method I used to partition by web site before I became (more) proficient in CSS.
Thanks again for your attention to my bafflement.
-
5. Re: slide show in table cell and text in layer above images
cyberbaffled Nov 26, 2010 3:49 PM (in response to Nancy O.)I "spaced" my responsibility to attribute a helpful or correct answer, and have given you a correct answer. I'm updating my forum participation, and have done the same for an answer you gave in the more distant past.


