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

pageAnimate Web-Page Slider

— 添加到WorldWideScripts.net

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

新!跟随我们,你想要它


pageAnimate Web-Page Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting



这个jQuery插件是一个完整的页面滑块网页间导航。 例如,你可以有一个幻灯片,联系人页面上的其他主页,等等。 它反应灵敏,可以在所有主要的浏览器,包括Internet Explorer 6( :○ )和移动浏览器。

正如其名称所暗示的,你可以把任何东西幻灯片内(其他jQuery的内容,视频和什么,而不是),并且每张幻灯片将滚动查看溢出就像任何正常的页面。 没有什么,我知道那将打破滑块,您可以添加幻灯 ​​片的无限量。 这正是你需要来调剂你的网站!

虽然这是专为整个窗口的内容,你可以很容易地使用它作为一个传统的jQuery的内容滑块。事实上,pageAnimate可能比其他滑块更好,因为它精美的作品在Internet Explorer 6!

注:如果您查看CodeCanyon预览的手机浏览器,CodeCanyon的渲染将无法工作。 你需要访问http://creativewebsites.me/pageAnimate/preview看到它在行动。

1.1版更新

1.1版提供了两个新功能:给每个幻灯片的唯一URL(与使用哈希)的能力和自动前进功能,因此通过所有幻灯片的滑块自动循环不断。 这两个不能同时启用(我不认为任何人会想反正的)。

如果您已经安装了以前的版本,并更新到这个版本,请确保您硬编码“数据滑=”0“”属性到有一类.pageAnimate的股利。 像这样:

 <DIV CLASS =“pageAnimate”数据滑=“0”> </ DIV> 

此外,您需要将下面的类添加到所有幻灯片触发器:.pageAnimate_trigger

如果JavaScript被禁用?

这个插件运行主要是对JavaScript的 - 但是如果禁用JavaScript? 为滑无用的(这意味着人们只能看到你的主页!)。 不,当然不。 您可以添加一个备用的“HREF”链接到去滑的触发器。 所以当JavaScript被禁用,这触发不会去在pageAnimate幻灯片,而只是进行正常的方式到另一个页面(你在“HREF”定义)。

是否pageAnimate滑块拉动从其他网页的网页内容?

不,插件本身不拉从其他网页的网页内容。 虽然你可以做到这一点与阿贾克斯或PHP代码只有几行,脚本本身不具有的功能和每张幻灯片的/网页的内容必须手动添加。 拉从您的Web服务器与Ajax内容,只需使用此代码:
 <脚本类型=“文/ JavaScript的”> $(“#slide_id_or_class”).load(“http://www.yourserver.com/yourpage.html”); </ SCRIPT> 
(只要改变 #slide_id_or_class“到要添加到CSS的id pageAnimate幻灯片或类)

那么,如何让我的滑块去幻灯片?

这再简单不过了 - 只需添加以下代码:
 <a class="pageAnimate_trigger pageAnimate_trigger1">本文将进入下滑2 </A> 
请注意添加到类名的到底有多少? 那个小数目定义了幻灯片将动画来。 但由于一切都在JavaScript是从零开始的(这里和我一起承担),我们需要减1关闭幻灯片编号。 因此,例如,如果我们想滑块去滑动#4的文字被点击时,我们将增加该类:“pageAnimate_trigger 3”。 如果我们想将滑块去滑#6,我们将增加该类:“pageAnimate_trigger 5”。 正如上面提到的,你可以添加一个链接到锚标记,当禁用JavaScript只能遵循。 因此,这意味着游客仍可以在其他地方观看网站上的一个克隆页面,如果他们已经禁用了JavaScript。

我必须手动添加一个链接到每张幻灯片?

不是所有 - 脚本为您完成所有的工作。

我如何成为一个正常的内容滑块,而不是网页滚动条呢?

简单 - 你要做的就是改变单行的jQuery脚本的“设置”。 则需要有一个div(或其他类似的标记),为容器的pageAnimate滑块。 简单地定义DIV脚本。

是否有任何问题或缺陷?

  1. 当浏览器窗口放大或缩小在IE 8中,幻灯片不会自动调整成为全屏幕。 我试过了好半天找到一个解决方案,但不能。 但是,它们调整时的实际窗口被拖动更小或更大。 这是唯一的IE 8。这不应该是一个大问题,因为不会有太多的人放大和缩小的IE8。
  2. 当使用jQuery 1.8.1,Firefox的冻结当许多触发器被点击接二连三。 做工精细用jQuery 1.7.2。
  3. 滑块的导航完全打破了,当你放大的智能手机。 这可以通过固定将此代码添加到您的HTML文档的<head>部分:
     <META NAME =“视口”内容=“WIDTH =设备宽度;初始规模= 1;最大规模= 1”> 
  4. 滑块的动画可能是在旧智能手机有点心惊肉跳 - 尽管它不是太糟糕了。

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

属性

创建:
12年11月13日

最后更新:
13年5月18日

高分辨率:

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

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

软件版本:
jQuery的

关键字

电子商务, 电子商务, 所有项目, CSS, HTML, JavaScript的, jQuery的, jQuery的滑块, 页滑块, pageAnimate, 分页, 皇家滑块, 滑块