[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