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 / Images and Media

Ken Burns Media Gallery / Slideshow

— 添加到WorldWideScripts.net

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

新!跟随我们,你想要它


Ken Burns Media Gallery / Slideshow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

WordPress的版本

画廊支持图像,视频,音频在线手机兼容iPad分钟安装Ken Burns效果缩略图导航和更多!

更新

更新2.1 [14/06/2011]

  • 加入autoheight例如+ API调用

更新的2.0 [09/06/2011]

  • 固定的bug
  • 更名为凤凰画廊 - 相同的画廊特色+更多
  • 加入缩略图导航

简介

jQuery的肯·伯恩斯Slideshowis展示您的图片/广告风格的完美方式。 每个项目都有一个单独的幻灯片时,你可以编辑自己的链接,目标和其他许多单独的设置只是通过修改HTML。

特征

  • 支持.PNGs,.JPGs,.GIFs
  • API - 呼叫暂停,播放,gotoNext,gotoPrev从你的HTML(外廊)
  • autoheight - 选项来自动调整大小画廊取决于内容的高度
  • 支持无限的项目 - 如你所愿旋转尽可能多的图片
  • 幻灯片模式 - 具有独立的时间为每个项目,你可以提供的HTML定义
  • 值可以设置为每个项目 - 描述(从上面的描述),initialZoom(任何价值,你愿意的话),finalZoom,slideshowTime(当时的旗帜肩保持专注于特定项目),燃烧效果的时间(时间你希望的效果,服用),网址(如果没有URL设置的项目也只是与点击没有链接)一个图像,transitionType(easeInSine,线性等),initialposition,最终位置(从左上,topcenter,topright选择, middleleft,middlecenter,middleright,BOTTOMLEFT,bottomcenter,bottomright)
  • 可调整大小的您的首选尺寸 - 所有的内容将适当位置

可能的平移位置(最初和最后)

常问问题

如何设置的缩略图的数目,予有在滑块..导航仅示出其中2个本画像的图像,而有空间4?

你不能设置每“页”显示的缩略图的数目,因为它会自动从拇指宽/高和拇指的空间计算。 所以要尽量降低,对于更多的大拇指。 此外还有另外一个参数“nav_arrow_size:40” - 这是(因此在默认的80像素都减去的箭头)被分配给每个箭头的空间,你也可以降低本作更多的竖起大拇指。

是有可能把上的图像的链接(offcourse没有缩略图的主图像)是的,当然,写

 <a href="#"> <IMG SRC =“IMG / def1.jpg”/> </A> 

而不是

 <IMG SRC =“IMG / def1.jpg”/> 

我尽量在描述中加入链接,但它打破了脚本

Propably你正在做这样的事情

BAD:

 数据描述=“我的链接是<a href="http://something">这里</a>” 

的问题是,“内部的href打破”从数据描述。 该解决方案是使用“,而不是”

GOOD:
 数据描述='我的链接是<a href="http://something">这里</a>“ 
你好。 如何停止自动滑动phoenixgallery的

你在参数

 targetgallery.phoenixgallery({ transition_type:“随机”, nav_type:“thumbsa” nav_position:“涨”, thumb_width:100, thumb_height:75, thumb_space:20, nav_space:25, nav_arrow_size:40, settings_shadow:“关”, settings_autoresize:“关”, settings_autoheight:“关”, settings_pauseonrollover:“关”, settings_usethumbarrows:“断开”, transition_strips_x:10, transition_strips_y:5, arrows_normal_alpha:1, arrows_roll_alpha:0.3, thumbs_normal_alpha:1, thumbs_roll_alpha:0.3 }) 
禁用幻灯片只需添加一个新的参数settings_slideshow,并将其设置为关闭这样
 targetgallery.phoenixgallery({ transition_type:“随机”, nav_type:“thumbsa” nav_position:“涨”, thumb_width:100, thumb_height:75, thumb_space:20, nav_space:25, nav_arrow_size:40, settings_shadow:“关”, settings_autoresize:“关”, settings_autoheight:“关”, settings_slideshow:“关”, settings_pauseonrollover:“关”, settings_usethumbarrows:“断开”, transition_strips_x:10, transition_strips_y:5, arrows_normal_alpha:1, arrows_roll_alpha:0.3, thumbs_normal_alpha:1, thumbs_roll_alpha:0.3 }) 
出于某种原因,当我添加一个链接到图像的缩放效果不再起作用。

这是因为属性数据initialZoom,数据finalZoom,数据effectTime等需要对画廊div的直接子。 例如,如果你有

 

效果会工作,但如果添加的链接是这样
 <a href="#"> </A> 
效果将无法正常工作。 你需要移动的属性,像这样画廊的直接子:
 <a href="#" data-finalzoom="2"> </A> 

积分

创意照片- http://www.flickr.com/photos/markjsebastian/

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

属性

创建:
10年8月2日

最后更新:
N / A

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

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

软件版本:
jQuery的

关键字

电子商务, 电子商务, 所有项目, 箭头, 自定义导航, 效果, 画廊, 图像, 肯伯恩斯, 号码, 锅, 图片支持, 肩, 幻灯片, 缩略图, 转换, 视频支持, 放大