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

jQuery Homepage Banner Slideshow / Product viewer

— 添加到WorldWideScripts.net

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

新!跟随我们,你想要它


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

该文件适用于网页横幅,幻灯片,产品的观众,画廊即使可以作为一个前奏使用。 所有的动画是定制的,因此适用于任何类型的横幅。 您可以使用任意数量的层上的每个滑块。 您可以定位和间距每层轻松地使用数据属性。 在下载文件中,五个默认样本是在单独的HTML文件中。

它在所有浏览器中正常工作,包括iPad的iOS和Android设备

几乎所有的选项都可以自定义该滑块而无需编辑源代码

触摸屏功能的台式机和触摸屏设备

使用任何类型的股利内容也可能是多个分区,图像(包括透明图像格式),视频,YouTube和SWF(Flash文件)

独特的功能:

  • 易调整,间距和动画方向为每个图像和文本
  • 选项​​可以选择任何类型的输入/输出动画方向
  • 选项​​可以设置动画的到来距离
  • 背景图案动动画
  • 选项​​中设置的输入/输出时间为每个格
  • 选项​​设置幻灯片播放的延迟时间为每张幻灯片
  • 启用/禁用桌面上拖动
  • 支持无限的图像和文字每张幻灯片上


圆点按钮:
  • 提供了三种不同类型的点缀按钮,下一个和上一个按钮设计
  • 放置在任何地方使用对齐和间距选项导航
  • 显示/隐藏点缀,下一个和上一个按钮
  • 启用/禁用导航自动隐藏

缩略图:

  • 选项​​显示缩略图下一个和上一个按钮
  • 可以很容易地改变使用CSS缩略图的宽度和高度
  • 缩略图边框颜色,边框大小,缩略图以缩略图的空间是通过CSS文件控制
  • 缩略图自动适合横幅宽度。 您也可以更改缩略图视图区域
  • 缩略图鼠标色调图像或控制通过css文件,还可以使用图像的色彩,而不是
  • 放置在任何地方使用对齐和间距选项缩略图
  • 您可以同时显示点按钮和缩略图


其他特性:
  • 幻灯片播放暂停,当用户打横幅否则继续打
  • 五种不同类型的样品提供
  • 支持所有的浏览器
  • 的Cufón字体支持
  • 您可以动画任何东西,你将DIV中

您的手机上观看演示

在插件代码,你可以使用下面的变量定义幻灯片

 jQuery的(功能($){ $('#jq_fmslideshow“)。fmslideshow({ banner_width:“”, banner_height:“”, image_sprite:“fmslideshow_assets / sprite.png” image_background:“”, image_topShadow:“”, image_bottomShadow:“”, image_loader:“fmslideshow_assets / loader_img.png” background_fullScreen:假的, background_mo​​ve:假的, background_mo​​veDistance:1250年, buttons_type:0, buttons_autoHide:假的, buttons_align:“BC”, buttons_spacing:“15.0”, button_nextPrevious_type:0, button_nextPrevious_autoHide:真正的, button_next_align:“RC”, button_next_spacing:“20,0” button_previous_align:“LC”, button_previous_spacing:“20,0” dotButtons:假的, button_next_previous:假的, thumbnails_align:“BC”, thumbnails_spacing:“-75,0” thumb_next_preious_width:38, 幻灯片:假的, slideShow_delayTime:2, desktop_drag:真 default_data_align:“LC”, default_data_spacing:“70,0” default_data_inOutDirection:“LR” default_data_inOutDistance:“60” }); }); 


示例幻灯片代码
 <! - 幻灯片1 - > <DIV> <IMG数据对齐=“BL”数据间隔=“0,50”数据inoutdirection =“BB”的数据inoutdistance =“50”数据开始时间=“0”的数据staytime =“10”数据animationspeed = “700”的数据easein =“easeOutQuart”数据easeout =“easeOutSine”级=“imgSty”SRC =“图像/ image2.png”ALT =“fmslideshow”/> <DIV数据对齐=“TR”数据间隔=“70,0”数据inoutdirection =“RL”数据开始时间=“5”数据staytime =“6”的数据animationspeed =“400”数据easein =“easeInQuart”数据easeout =“easeOutSine”级=“divStyle”> 的<span class =“txtLarge”>自定义动画</ SPAN> </ DIV> <DIV数据-ALIGN =“TR”数据间距=“20,0”数据inoutdirection =“LR”级=“divStyle”数据inoutdistance =“60”> 的<span class =“txtMedium”>输入/输出方向 - 对准 - 间距</ SPAN> </ DIV> </ DIV> 
完整的帮助文件包含在下载文件

更新的2013年10月6日:小错误修复

更新23-11-2012:IE10错误修复









如果您对本文件有任何疑问,通过我联系我的个人资料页

看看我的其他文件:

















看看我的Flash文件:

手风琴式横向纵向-图像文本的动画







转盘 - 3种图像产品,浏览器

手风琴式横向纵向-图像文本的动画


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

属性

创建:
11年10月10日

最后更新:
13年6月11日

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

包括的文件:
JS的JavaScript,HTML,CSS,分层PSD

软件版本:
jQuery的

关键字

电子商务, 电子商务, 所有项目, 横幅广告, 旗帜肩, 图像滑块, 层动画, 产品浏览器, 可调整大小, 简单的幻灯片切换, 幻灯片