[thelist] looking for a very simple to use fade-in slideshow javascript

Zhang Weiwu zhangweiwu at realss.com
Fri Dec 5 00:26:50 CST 2008


Zhang Weiwu wrote:
> Hi. I've been looking for a simple-to-use fade-in slideshow javascript
> that creates a the slide show from a list. e.g.
>
> <ul class="slide-fade-3">
> <li><a href=".."><img ../></a>
> <li><a href=".."><img ../></a>
> <li><a href=".."><img ../></a>
> </ul>
>
> This would create a slide-show which update every  3 seconds, the size
> of the slideshow is managed by CSS on <ul>. 
I guess an ideal solution that is even more confortable to HTML/CSS web designer would be like this:


<ul class="slide">
<li><a href=".."><img ../></a>
<li><a href=".."><img ../></a>
<li><a href=".."><img ../></a>
</ul>

where CSS is:
ul.slide {
overflow: auto;
-js-overflow-style: fade 3s loop;
}
ul.slide, ul.slide.li {
width: 180px;
height: 360px;
margin: 0px;
padding: 0px;
}

Where the javascript interprates "fade 3s loop;"

I was thinking of javascript authors can assume the user of their code is most conforable with traditional HTML/CSS then he would design it like the above example. This is more or less like IE's "behaviour" feature.





More information about the thelist mailing list