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

jQuery Homepage Banner Slideshow / Product viewer

— 추가 기능 WorldWideScripts.net 에

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

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


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

이 파일은 홈페이지 배너, 슬라이드 쇼, 제품 뷰어에 적합, 갤러리 당신은 소개로 사용할 수 있지만. 모든 애니메이션은 사용자 정의 할 수 있습니다 그래서 배너의 모든 유형에 적합합니다. 각 슬라이더 층의 숫자를 사용할 수 있습니다. 당신은 위치 및 데이터 속성을 이용하여 쉽게 각 층 간격 수 있습니다. 다운로드 파일에, 다섯 기본 샘플은 별도의 HTML 파일에서 사용할 수 있습니다.

그것은 아이 패드, IOS와 안드로이드 장치를 포함한 모든 브라우저에서 잘 작동

모든 옵션은 소스 코드를 편집하지 않고이 슬라이더를 사용자 정의 할 수 있습니다 거의

바탕 화면 및 터치 스크린 장치에 모두 스크린 기능을 터치

이 (투명 이미지 포맷 포함) 여러 사업부, 이미지, 동영상, 유튜브 및 SWF (플래시 파일) 일 수있다 사업부 콘텐츠의 유형을 사용

고유 기능 :

  • 쉬운 각각의 이미지와 텍스트의 간격 및 애니메이션 방향을 정렬합니다
  • 옵션 인 / 아웃 애니메이션 방향의 모든 유형을 선택합니다
  • 애니메이션 오는 거리를 설정하는 옵션
  • 애니메이션 움직이는 배경 패턴
  • 옵션은 각 사업부에 대한 / 아웃 시간의 설정
  • 각 슬라이드 쇼에 대한 지연 시간을 설정하는 옵션
  • / 비활성화 바탕 화면 드래그를 사용
  • 각 슬라이드에 무제한 이미지와 텍스트를 지원


점선 버튼 :
  • 다음과 점선 버튼과 이전 버튼 디자인의 세 가지 유형을 사용할 수 있습니다
  • 정렬 및 간격 옵션을 사용하는 네비게이션의 위치를
  • 표시 /, 다음 및 이전 버튼을 점선 숨기기
  • / 비활성화 탐색 자동 숨기기 사용

미리 :

  • 다음 및 이전 버튼 썸네일을 표시하는 옵션
  • 쉽게 CSS를 사용하여 썸네일 폭과 높이를 변경할 수 있습니다
  • 썸네일 테두리 색상, 테두리 크기, 썸네일 공간에 썸네일은 CSS 파일을 통해 제어됩니다
  • 미리보기는 배너 폭에 자동으로 적합합니다. 또한 미리보기 영역을 변경할 수 있습니다
  • CSS 파일을 통해 색조 이미지 또는 제어를 통해 미리 마우스, 당신은 또한 이미지 대신 색상을 사용할 수 있습니다
  • 어디 정렬 및 간격 옵션을 사용하여 미리보기 이미지의 위치를
  • 당신은 점으로 구분 된 버튼과 작은 이미지를 모두 표시 할 수 있습니다


기타 특징 :
  • 사용자가 다른 배너를 명중 할 때 슬라이드 쇼 일시 정지는 계속 재생
  • 샘플의 다섯 가지 유형을 사용할 수 있습니다
  • 모든 브라우저 지원
  • Cufon 글꼴 지원
  • 당신은 당신이 사업부 내부에 배치 아무것도 애니메이션을 적용 할 수 있습니다

모바일에 데모보기

플러그인 코드에서는 변수 아래 사용하여 슬라이드 쇼를 사용자 정의 할 수 있습니다

 jQuery를 (함수 ($) { $ ( '# 1 jq_fmslideshow'). fmslideshow ({ banner_width : "", banner_height : "", image_sprite "fmslideshow_assets / sprite.png" image_background : "", image_topShadow : "", image_bottomShadow : "", image_loader "fmslideshow_assets / loader_img.png" background_fullScreen : 거짓, background_mo​​ve : 거짓, background_mo​​veDistance : 1250 buttons_type : 0, buttons_autoHide : 거짓, buttons_align "BC" buttons_spacing "15,0" button_nextPrevious_type : 0, button_nextPrevious_autoHide : 사실, button_next_align "RC" button_next_spacing "20,0" button_previous_align "LC" button_previous_spacing "20,0" dotButtons : 거짓, button_next_previous : 거짓, thumbnails_align "BC" thumbnails_spacing "-75,0" thumb_next_preious_width : 38 슬라이드 쇼 : 거짓, slideShow_delayTime : 2, desktop_drag : 사실 default_data_align "LC" default_data_spacing "70,0" default_data_inOutDirection "LR" default_data_inOutDistance : "60" }); }); 


샘플 슬라이드 쇼 코드
 <! - 슬라이드 1 -> <DIV> <IMG의 데이터 정렬 = "BL"데이터 간격 = "0,50"데이터 inoutdirection = "BB"데이터 inoutdistance = "50"데이터 STARTTIME = "0"데이터 staytime = "5"데이터 animationspeed = "700"데이터 됨 easeIn = "easeOutQuart"데이터 easeout = "easeOutSine"클래스 = "imgSty"SRC = "이미지 / image2.png"ALT = "fmslideshow"/> <DIV 데이터 정렬이 = "TR"데이터 간격 = "70,0"데이터 inoutdirection = "RL"데이터 STARTTIME = ". 5"데이터 staytime = "6"데이터 animationspeed = "400"데이터 됨 easeIn = "easeInQuart"데이터 easeout = "easeOutSine"클래스 = "divStyle"> <스팬 클래스 = "txtLarge"> 사용자 지정 애니메이션 </ SPAN> </ DIV> <DIV 데이터 정렬 = "TR"데이터 간격 = "20,0"데이터 inoutdirection = "LR"클래스 = "divStyle"데이터 inoutdistance = "60"> <스팬 클래스 = "txtMedium"> / 아웃 방향으로 - 정렬 - 간격 </ SPAN> </ DIV> </ DIV> 
전체 도움말 문서 다운로드 파일에 포함되어 있습니다

2013년 10월 6일에 업데이트 : 마이너 버그 수정

23-11-2012에 업데이트 : IE10 버그 수정









이 파일에 대한 질문이있는 경우 제를 통해 저에게 연락 프로필 페이지.

내 다른 파일을 체크 아웃 :

















내 플래시 파일을 체크 아웃 :

아코디언 - 수평 - 수직 이미지 텍스트 애니메이션







회전 목마 - 3 종류의 이미지 - 제품 뷰어

아코디언 - 수평 - 수직 이미지 텍스트 애니메이션


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

속성을 선택합니다

생성:
10 10월 11일

마지막 업데이트:
11 6월 13일

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

파일 포함:
자바 스크립트 JS, HTML, CSS, 계층화 된 PSD

소프트웨어 버전:
jQuery를

키워드

전자 상거래, 전자 상거래, 모든 상품, 배너 광고, 배너 회전, 이미지 슬라이더, 레이어 애니메이션, 제품 뷰어, 크기 조정, 간단한 슬라이드 전환, 슬라이드 쇼