The connect-css.css got included because I saved your webpage from my browser. The slideshow does not require it. Remove it if you don't need it.
In the javascript file slidefadinger.js , line 19 determines the granularity of the fade. That is, the smaller the number, the smoother the fade. I found that opacity is moderately processor intensive, so you probably don't want to set this below 5. Line 20 determines how much time (in ms) each semi-transparent state of the image is displayed. The smaller this number, the quicker the fading image. Larger numbers here would require smaller numbers in line 19 to maintain smoothness. Line 29 determines how much time each image is displayed. I made some minor performance optimizations to the javascript, you can find the new file here: http://roughtech.com/t/indexcssslideshow_files/slidefadinger.js Cheers, Chetan On Thu, Dec 2, 2010 at 1:44 AM, Jody Levinson <j...@troutdream.com> wrote: > Thank you, Chetan, > > I've got it working now! See http://evamoon.net > > I was curious about the purpose of the connect-css.css you added. It doesn't > seem to be needed for the page to work. Also, can you tell me how to vary the > time between slides? I've been looking at the js but I'm not seeing it. > > Thanks again > Jody > > On Dec 1, 2010, at 1:30 AM, Chetan Crasta wrote: > >> I've integrated the javascript, have a look at it here: >> http://roughtech.com/t/indexcssslideshow.html >> >> BTW, I suggest you change the DTD to XHTML 1.0 transitional or get rid >> of the deprecated HTML and use the HTML 4.01 DTD. >> >> Cheers, >> Chetan >> >> On Wed, Dec 1, 2010 at 4:22 AM, Jody Levinson <j...@troutdream.com> wrote: >>> >>> On Nov 29, 2010, at 9:32 AM, Chetan Crasta wrote: >>> >>>> I don't have a fix, but I have a suggestion: don't use Flash for the >>>> slideshow. You can have the same slideshow using the CSS opacity >>>> property (opacity filter for IE) and a little javascript. You can see >>>> my implementation of this at bagitwise.com . >>> >>> Chetan, this is very cool. I've been trying to implement your CSS version >>> but I'm missing something because it's not working. I do have the >>> javascript file included and the CSS validates. I feel like it's close... >>> >>> I have a test page here: http://evamoon.net/indexcssslideshow.html >>> >>> Thanks! >>> >>> -- >>> TroutDream Graphics, Inc. >>> Always fresh. Never canned. >>> http://troutdream.com >>> 425-883-8277 >>> >>> >>> >> ______________________________________________________________________ >> css-discuss [cs...@lists.css-discuss.org] >> http://www.css-discuss.org/mailman/listinfo/css-d >> List wiki/FAQ -- http://css-discuss.incutio.com/ >> List policies -- http://css-discuss.org/policies.html >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > -- > TroutDream Graphics, Inc. > Always fresh. Never canned. > http://troutdream.com > 425-883-8277 > > > ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
