TimeStamp | You'll be challenged,inspired,motivated and humbled.nirvana

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。

 

 

 

持续记录.....

Posted by timestamp @ 2011-4-24 16:55:36 阅读(847) 评论(0)
上一篇:ADO.NET数据访问模型
下一篇:jQuery实战~划过小图显示大图

Feedback

你还可以输入600/600个字符 发表评论
称呼: (必填) 登录 | 开通博客
邮箱: (选填) 你的邮箱地址不会被公开
网站: (选填)
验证码: (必填)