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

訂閱我們的飼料,以保持最新

新!跟隨我們,你想要它


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, 分頁, 皇家滑塊, 滑塊