jQuery常用插件
这是一个广告图像自动滚动的插件。
http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/
我将它应用于自己的一个实例当中：点击小图大图显示。且自动会滚动变换，相应的小图上有active样式。
其中更改的几点有：
·将例子中的paging类改成自己对应的smallimg类。
·width当然是变成height的。因为我的大图至页面最左边其他大图直接换行了。于是我将它应用到高度变换。
·left自然而然也是变成top的。
·其中遇到的一个问题是 大图的位置问题。其实现在还没有弄清楚的是：对于.image_reel类。它的position属性为何设为absolute? 经测验，将该属性去掉之后，大图不会变换。
·在这个实例中，要搞清楚的是：
<div class="window">
<div class="image_reel"> 这两个div的关系。
window是指显示这几张图片的框框。
而image_reel则是全部图的框框。它的宽(长)是所有图之和。
·还一点就是这句话：$active=$('.smallimg a.active').next(); //我曾将这里的a改成img ，导致顺序紊乱 。于是就想着怎么把img的边框应用到a上。噢，原来是将a的display设为inline-block。
持续记录.....
Feedback
你还可以输入600/600个字符
发表评论
