WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Slider

— 添加到WorldWideScripts.net

@zhcn1wws订阅我们的饲料,以保持最新

新!跟随我们,你想要它


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

该滑块可以让你有不适合你想要的窗口大小horizo​​ntaly一致的内容。 只要你想,你可以把尽可能多的项目。 一个项目是由一个图像,一个标签和一个链路。 如果你愿意,你可以覆盖链接文本的全部或只是一个或两个项目。

如何使用

包括PrototypeJS和Scriptaculous(效果+ dragp&下降)后,包括文件 slider.js(对象)和文件 slider.css(风格)。

然后,就包括像这样的窗口负载:

 新的Slider({ “滑块”:“滑盖TEST1” “项目”: {“文件”:“heroes.jpg”,“标签”:“英雄”,“链接”:“http://www.hulu.com/heroes”}, {“文件”:“prisonbreak.jpg”,“标签”:“越狱”,“链接”:“http://www.hulu.com/prison-break”} ] }); 

此代码创建具有ID“滑块测试”的元素上的滑块。 它有2项:英雄和越狱。

滑块选项

接下来的列表显示所有可用的滑块的选项。
  • 滑块 -滑块父对象或ID
  • itemWidth -滑动宽度(默认为320)
  • itemHeight -幻灯片的高度(默认为200)
  • 路径 -幻灯片图像路径( 默认为“ 图像/”)
  • linktext的 -幻灯片默认链接文字( 默认为“ 探索”)
  • 动画 -动画滑块( 默认为true)。 滑块将继续滚动,直到您单击牵引机。
  • animationDelay -动画之间的时间,以秒为单位( 默认值为5)
  • slideDelay -幻灯片效果的时间,以秒为单位( 默认为1)
  • slideLoop -到达的最后一个项目,当循环到第一个? ( 默认为true)
  • 的onClick -事件单击项目链接时,称为(默认为无)

提供一个链接到每个项目的相反,你可以点击一个特定的项目或默认的回调时,设置一个回调函数。 请注意,如果你设置一个默认的回调,它总是会被调用,没有链接将被使用。

 新的Slider({ “滑块”:“滑盖TEST1” “的onClick”:函数(项目){ 警报(“你点击项目”+ item.get(“标签”)); } “项目”: {“文件”:“heroes.jpg”,“标签”:“英雄”}, {“文件”:“prisonbreak.jpg”,“标签”:“越狱”,“onclick”事件:函数(){警报(“你点击越狱!”); }} ] }); 

在上面的代码中,默认的回调会被调用项目的“英雄”,但不是“越狱”,因为这个项目有一个特定的回调。

查看演示在http://envato.diogoresende.net/slider/


下载
此类别中的其他组成部分这个作者的所有组件
评论常见问题和答案

属性

创建:
10年2月24日

最后更新:
N / A

兼容的浏览器:
火狐,IE7,IE8,歌剧,Safari浏览器

包括的文件:
CSS,HTML,JavaScript的JS

JS库:
原型1.6,Script.aculo.us

关键字

电子商务, 电子商务, 所有项目, 旗帜, 滑动