作者tingmeow (喵东喵西)
看板Web_Design
标题[问题] Jquery image slider写不好..
时间Wed Sep 11 00:27:44 2013
http://tingmeow.byethost4.com/jquery/jqueryimageslidertest.html
我自己试着想要写jQuery Image Slider
可是写得非常的恐布..(原始码按右键里面都有~~)
实际其实想要写成这样子↓
http://coffeescripter.com/code/ad-gallery/#ad-image-11
我有看jQuery的网路教学(男丁格尔)学它写了一下
我发现它是直接把大图的attribute改成小图的href图片连结网址
而且是一次设定好所有的图片是这样模式
教学网址↓
http://abgne.tw/jquery/apply-jquery/jquery-super-easy-thumb-switch-image.html
我在想我想要做的是不是可以照他的模式来写
不过我还想要当滑鼠点到哪里的时候,大图的旁边出现文字
结果就把所有的小图(下方缩图)设了class,然後点了会出现效果
这部份竟然写成功了@@可是这样感觉非常阳春
然後网路看了些教学,感觉好多的写法都不太一样
有的好像还是自制函式库,出现很多在jquery教学没看过的property的样子
想请教大家我这种写法是不是有更好更有效的方法呢?
另外我也想要做下方缩图可以左右slide的控制
我看了一本书(深入浅出jQuery)上面是把很多张的图片结合在一起
然後去算使用者的点击次数(设成变数去侦测,然後用 += 的运算去增加,
当点到第九次就会归零,这样slider就会变回第一张图片)
然後用animate的方法设定每次点击後会往左移100px
我在想我是一张一张小图用<li>的方式,也可以用这样吗?@@
不过这本书它教的是做纸娃娃那种,可以更换眼睛、脸、嘴…
我在google上搜寻jquery image slider好多都要钱
有的虽然没有要钱可是它是一个exe档,看不到原始码,
比较难改成我需要的样子,对我来说还蛮疑惑的>"<
新手上路,恳请大家多多指教,谢谢~~^○^
--
外星喵:个人秘密档案
http://tingmeow.byethost4.com/aboutme.html
徵求喜欢平面设计、网页设计、画图的同好一起交流、互相学习~ ^○^
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 36.224.202.19
1F:推 aspdoctor:书上的例子是用div包img,设定marginLeft换图,用li的 09/11 01:10
2F:→ aspdoctor:话就改用div包ul,用ul的margin来换图就行了,都一样 09/11 01:10
3F:推 alpe:为何我都找到免费的 09/11 01:11
5F:→ lyforever:github上面搜寻应该也可以找到不少... 09/11 13:21
6F:推 aspdoctor:其实随便找就很多,这是很基本的功能,阳春就easy slide 09/12 00:25
8F:→ aspdoctor:ider/?ap_id=lvraa 09/12 00:25
10F:→ tingmeow:nivo slider是要钱的吧 它的demo的三个也不是我要的@@ 09/21 08:03