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 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


pageAnimate Web-Page Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting



이 jQuery 플러그인은 웹 페이지 사이를 탐색하기위한 전체 페이지 슬라이더입니다. 예를 들어, 당신은 너무 다른에 하나의 슬라이드, 연락처 페이지에서 홈 페이지를 가지고 있고, 수 있습니다. 그것은 응답과 (인터넷 익스플로러 6을 포함한 모든 주요 브라우저에서 작동 :영형 ) 및 모바일 브라우저.

이름에서 알 수 있듯이, 당신은 슬라이드 안에 (다른 jQuery를 콘텐츠, 비디오, 어떤-되지 않음) 아무것도 넣을 수 있으며, 각 슬라이드는 그냥 일반 페이지처럼 오버 플로우를보기 위해 스크롤됩니다. 이 내가 슬라이더를 깰 것 알고 아무것도, 당신은 슬라이드의 무한한 양을 추가 할 수 있습니다. 이것은 당신이 당신의 웹 사이트를 양념 할 필요가 정확히!

이는 전체 창 콘텐츠를 설계되었지만, 당신은 쉽게 전통적인 jQuery를 콘텐츠 슬라이더로 사용할 수 있습니다. 사실, pageAnimate는 Internet Explorer 6에서 아름답게 작동하기 때문에 다른 슬라이더보다 아마 더 낫다!

참고 : 모바일 브라우저에서 CodeCanyon 미리보기를 볼 경우, CodeCanyon의 렌더링은 전혀 작동하지 않습니다. 당신은 방문해야 http://creativewebsites.me/pageAnimate/preview을 행동에서 볼 수 있습니다.

버전 1.1 업데이트

버전 1.1은 두 개의 새로운 기능을 함께 제공 : 각 슬라이드를 (해시의 사용과) 고유 한 URL을 제공 할 수있는 기능과 자동 진행 기능을 지속적으로 모든 슬라이드를 통해 슬라이더가 자동으로 순환되도록. 모두 (I는 어쨌든 싶은 사람 생각할 수 없다) 동시에 활성화 될 수 없다.

이전 버전이 설치되어 있고이 버전으로 업데이트하는 경우, 당신은.pageAnimate의 클래스가 사업부에 '데이터 슬라이드 = "0"'속성을 하드 코딩해야합니다. 과 같이 :

 <DIV 클래스 = "pageAnimate"데이터 슬라이드 = "0"> </ DIV> 

또한, 슬라이드 트리거 모두에 다음 클래스를 추가해야합니다.pageAnimate_trigger을

자바 스크립트는 무엇을 사용하지 않으면?

이 플러그인은 자바 스크립트에서 주로 실행 -하지만 자바 스크립트는 무엇을 비활성화 된 경우? 슬라이더는 쓸모가 (그 사람은 당신의 홈페이지를 볼 수있는 의미!). 아니, 물론 아니지. 당신은 슬라이드로 이동 트리거로 대체 'HREF'링크를 추가 할 수 있습니다. 자바 스크립트를 사용할 수 없습니다 그래서 때,이 트리거는 pageAnimate에서 슬라이드로 이동하지 않습니다,하지만 단지 (당신이 'HREF'에 정의) 다른 페이지로 정상적인 방법으로 진행됩니다.

pageAnimate 슬라이더는 다른 웹 페이지에서 내용 당겨합니까?

아니, 플러그인 자체가 다른 웹 페이지의 콘텐츠를 당기지 않는다. 당신이 아약스 또는 PHP 코드의 몇 줄 그렇게 할 수 있지만, 스크립트 자체는 그 기능이없는 각 슬라이드의 / 페이지의 내용을 수동으로 추가해야합니다. Ajax를 사용하여 웹 서버에서 콘텐츠를 끌어하려면 바로이 코드를 사용 :
 <스크립트 유형 = "텍스트 / 자바 스크립트"> $ ( "#slide_id_or_class").load ( "http://www.yourserver.com/yourpage.html"); </ SCRIPT> 
(그냥 당신이에 추가 할 pageAnimate 슬라이드의 CSS의 ID 또는 클래스에 "#slide_id_or_class 변경)

그래서 내가 어떻게 슬라이더는 슬라이드로 이동해야합니까?

: 그냥이 코드를 추가합니다 - 그것은 더 쉬울 수 없었다
 <a class="pageAnimate_trigger pageAnimate_trigger1">이 텍스트는 2 </a>에 슬라이드로 이동합니다 
클래스 이름 끝에 추가 번호를 알? 그 작은 수는 슬라이드에 애니메이션됩니다 정의합니다. 자바 스크립트의 모든 (여기에 나와 함께 곰) 제로이기 때문에, 우리는 슬라이드 번호를 OFF로해야 마이너스 1. "pageAnimate_trigger 3"우리가 원하는 경우에 따라서, 예를 들어, 슬라이더는 텍스트를 클릭했을 때, 우리는이 클래스를 추가 할 수 # 4 슬라이드로 이동합니다. "pageAnimate_trigger 5"우리가 슬라이더 # 6을 슬라이드로 이동하려면, 우리는이 클래스를 추가합니다. 위에서 언급 한 바와 같이, 당신은 자바 스크립트를 비활성화 한 경우에만 다음에 할 수있는 앵커 태그에 링크를 추가 할 수 있습니다. 그래서 방문자가 여전히 자바 스크립트 비활성화 한 경우 귀하의 사이트에 다른 곳에서 복제 된 페이지를 볼 수있을 것입니다 의미합니다.

내가 수동으로 모든 슬라이드에 대한 링크를 추가해야합니까?

전혀 - 스크립트는 당신을위한 모든 작업을 수행합니다.

어떻게이 일반 콘텐츠 슬라이더가 아닌 웹 페이지 슬라이더로해야합니까?

쉬운 - 당신이 모든 jQuery를 스크립트의 '설정'에서 한 줄을 변경할 수 있습니다. 당신은 pageAnimate 슬라이더의 컨테이너 사업부 (또는 다른 유사한 태그)가 필요합니다. 단순히 스크립트에서 해당 사업부를 정의합니다.

어떤 문제 또는 버그가 있습니까?

  1. 브라우저 창 또는 IE 8에서 확대하면 슬라이드가 자동으로 전체 화면이 될 크기를 조정하지 않습니다. 나는 해결책을 찾기 위해 긴 세월 동안 노력했지만 할 수 없습니다했습니다. 실제 윈도우가 작거나 큰 드래그하면 그러나, 그들은 크기를 조정 마십시오. 이 IE8에 확대 및 축소 너무 많은 사람들이 없을 것이기 때문에 IE 8이 큰 거래를하지 않아야 유일하다.
  2. 의 jQuery 1.8.1를 사용하는 경우, 파이어 폭스는 많은 트리거가 빠르게 연속 클릭 할 때 정지. jQuery를 1.7.2으로 잘 작동합니다.
  3. 슬라이더의 탐색은 완전히 당신이 스마트 폰을 확대 할 때 고장. 이것은 HTML 문서의 <HEAD> 섹션에이 코드를 추가하여 해결할 수 있습니다 :
     < "최대 규모 = 1 폭 = 장치 폭; 초기 규모 = 1"메타 이름 = 내용 = "를 뷰포트"> 
  4. 슬라이더의 애니메이션은 이전 스마트 폰에 조금 불안해 수 ​​있습니다 - 너무 나쁘지 않아 있지만.

다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

생성:
13 11월 12일

마지막 업데이트:
18 5월 13일

높은 해상도:

지원되는 브라우저:
IE6, IE7, IE8, IE9, IE10, 파이어 폭스, 사파리, 오페라, 크롬

파일 포함:
자바 스크립트 JS, HTML, CSS

소프트웨어 버전:
jQuery를

키워드

전자 상거래, 전자 상거래, 모든 상품, CSS, HTML, 자바 스크립트, jQuery를, jQuery를 슬라이더, 페이지 슬라이더, pageAnimate, 쪽수 매기기, 왕의 슬라이더, 슬라이더