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

Responsive Gridfolio

— 添加到WorldWideScripts.net

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

新!跟随我们,你想要它


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

按照ENVATO 按照FACEBOOK

版本1.2发布日期2013年9月27日

  • 有关IE8修复的错误。
  • 与IOS和Android的最新修复的错误。
  • 提高移动性能。

版本1.1发布日期2013年7月24日

  • 支持多个类别,当然它仍然可以用一个单一的类别作为前使用。
  • 灯箱Iframe的支持。
  • 灯箱说明的AutoOpen(开项目描述不按信息按钮)。
  • 增加了一个额外的方式由项目区外按关闭灯箱。
  • 增加了对MSPointer事件Windows8的移动支持。
  • 新增了六个额外的皮肤。

主要特点:

敏感的Gridfolio有流体/灵活/响应布局。 基本上网格加入到一个HTML页到艇员选拔的一个div和它的来适配基于该分区的宽度,栅格高度是基于缩略图改性,如果其他元件是电网格低于它们会被自动推下(文件流)。 在所提供的例子,你可以看到,你可以使用过程中,其他配置也是可能的这一格,几种方法(请注意,这方面的例子代码在下载文件中提供)。

该库可具有任何数目的图像和各图像可以是任何尺寸的,但成比例碱拇指的宽度和高度。 当缩略图被按下,你可以选择显示的原始媒体灯箱 ,我们有编码,或打开一个新的网页,这个网页可以指定的URL和目标。 灯箱可以显示图像,或可以显示视频从YouTube或Vimeo的加载。

纯面向对象的JavaScript代码,不使用的jQuery或其他库的,以这种方式将不会有不兼容与可能使用jQuery或其他JavaScript库的HTML页面。

敏感的Gridfolio是使用GPU( 硬件加速 )使用HTML5标准。 渲染速度和性能是无可挑剔的台式电脑,最重要的移动设备上,它的工作原理是将尝试使用CSS3,如果这是不存在,它就会往下掉,以CSS2或CSS1像IE7IE8旧的浏览器的方式。

在移动设备上强大的性能,你可以在它运行就像一个原生应用程序的视频演示中看到!这是编码,并为移动设备优化,它是100%兼容的手机,当然它会运行一样伟大的台式电脑包括像IE7IE8旧的浏览器。 我们已经测试了它在IPAD3(IOS),并在三星GALAXY S3( 机器人 ),它运行伟大的两台设备上,下面是查看该演示的链接。 观看演示的三星Galaxy S3(安卓)上运行 ,或观看演示运行IPAD(IOS)。

网格的主要特点:

响应/灵活/流体布局 :你可以控制网格,CSS或JavaScript的大小,基本上它有一个适应的布局使其成为任何类型的项目最合适的人选。

支持任何数目的图像和各图像可以是任何尺寸的,但成比例碱拇指的宽度和高度

整个颜色主题可以被修改。

可定制的缩略图尺寸和几何形状 :此功能允许您更改缩略图的大小和缩略图之间的空间。

可定制的缩略图边框和背景 :每个缩略图可以有边框和背景,缩略图的背景颜色,边框的尺寸和边框的颜色都是定制的,也缩略图边框颜色可以从正常的颜色要补间到选定的颜色..

缩略图的说明或缩略图媒体图标 :每个拇指可以有一个简短的说明,下面有一个透明的背景或代表一个链接,视频或图像,这是可见的,当鼠标悬停在缩略图媒体图标,文本可以被格式化的CSS,背景颜色和不透明度也可以被修改(可选)。

“装载更多的缩略图具有”:这是一个真棒功能,改善了,因为在这种方式不是所有的缩略图被加载,并在显示一次装载的整体性能和速度。 例如,如果你有一共有120缩略图,你可以向他们展示在套50张缩略图,所以最初在网格中的第一套50缩略图加载和显示,而当“加载更多缩略图”按钮被按下下一一套50缩略图加载和显示,最后当“加载更多缩略图”按钮,再次按下20剩余缩略图显示。 缩略图的数目来加载每套是可定制的,它并不必须是50也可以是你认为任何数字。 这个功能是可选的,如果它被禁用所有缩略图被加载和显示。

定制按缩略图操作 :当一个缩略图被按下,你可以选择显示的原始媒体灯箱,我们有编码,或打开一个新的网页,这个网页可以指定的URL和目标。 灯箱可以显示图像,或可以显示视频从YouTube或Vimeo的加载。

灯箱主要特点:

响应/灵活/流体布局 :该lighbox将始终填充可用浏览器窗口。

整个颜色主题可以被修改。

Vimeo的和YouTube支持 :所有你需要做的是包括从YouTube或Vimeo的视频,你要显示的lighbox会显示和播放视频的链接。 每个视频的尺寸(宽度和高度)可以很容易地进行设置。

缩放和平移支持的图像:可以进出的图像缩放,您可以平移图像,通过这种方式,你可以看到非常详细(可选)的图像。

幻灯片播放按钮(可选)。

幻灯片延迟,幻灯片的延迟可以在几秒钟内设置。

幻灯片自动播放。

幻灯片的自定义动画图形。

下一个和以前的按钮导航(选配)。

Info按钮和信息窗口 :每个lighbox项目都可以有一个说明,文本和窗口的外观可以用CSS(选配)进行格式化。

可定制的边框和背景 :边框的大小和颜色,也是主要的背景颜色是可以定制的。

键盘支持 :左,右箭头可用于导航(选配)。

UPDATES

2013年3月7日 - Bug修复相关的灯箱,当它被放大的Chrome和更好的检测为移动设备。


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

属性

创建:
13年2月18日,最后更新

高分辨率:
是,兼容的浏览器

关键字

电子商务, 所有项目, 机器人, 应用程序, 动态, 灵活, fliudwidth, 全屏, 画廊, 网格, gridfolio, IFRAME, IOS, 多媒体, 反应灵敏, 缩略图, YouTube的