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 에

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

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


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ENVATO를 따라 페이스 북을 따라

버전 1.2 발매일 2013년 9월 27일

  • IE8 관련 버그 수정.
  • IOS와 안드로이드의 최신 업데이트와 관련된 버그 수정.
  • 향상된 모바일 성능을 제공합니다.

버전 1.1 발매일 2013년 7월 24일

  • 여러 범주에 대한 지원은, 물론 그것은 여전히​​ 이전처럼 하나의 범주로 사용할 수 있습니다.
  • 라이트 박스 iframe이 지원.
  • 라이트 박스 설명 autoopen (정보 버튼을 누르지 않고 열려있는 항목 설명).
  • 항목 영역 외부에 눌러 라이트 박스를 닫습니다 여분의 방법을 추가했습니다.
  • windows8의 모바일 MSPointer 이벤트에 대한 지원이 추가되었습니다.
  • 여섯 추가 스킨을 추가했습니다.

주요 특징 :

응답 Gridfolio는 유체 / 유연성 / 반응 레이아웃을 가지고있다. 기본적 그리드가 chosing의 DIV로 HTML 페이지에 추가하고 해당 DIV의 가로 기반 적응있어, 격자 높이 섬네일에 기초하여 수정되고, 다른 요소들이 그리드 DIV 이하인 경우에 자동 (문서 푸시 다운 될 ) 흐름. 제공된 예에서 당신은 다른 구성이 가능 물론,이 그리드를 사용할 수있는 몇 가지 방법을 볼 수 있습니다 (이 예제의 코드가 다운로드 파일에 제공된다는 점에 유의하시기 바랍니다).

갤러리는 이미지를 가질 수 있고, 각 이미지는 임의의 크기 일 수 있지만, 엄지 손가락베이스 폭 및 높이에 비례한다. 썸네일을 누를 때 당신은 선택할 수 있습니다 우리가 코딩 한 원본 미디어의 라이트 박스를 표시하거나 새 웹 페이지,이 웹 페이지의 URL 및 대상을 지정할 수 있습니다를 엽니 다. 라이트 박스는 이미지를 표시 할 수 있습니다, 또는 유튜브 나 비 메오에서로드 비디오를 표시 할 수 있습니다.

자바 스크립트 코드를 순수 OOP, jQuery를 또는 다른 라이브러리없​​이 사용이 방법으로 jQuery를 또는 다른 자바 스크립트 라이브러리를 사용하고있는 HTML 페이지와 비 호환성이 없을 것이다.

응답은 Gridfolio HTML5 표준을 사용하여 GPU (하드웨어 가속)을 사용한다. 렌더링 속도와 성능은 데스크톱 컴퓨터에 흠 잡을 데 가장 중요한 모바일 기기이며, 그것이 CSS3를 사용하려고하고이 사용할 수없는 경우는 IE7과 IE8 같은 오래된 브라우저 CSS2 또는 CSS1에 가을이 내려 것 작동하는 방식.

모바일 기기에서 뛰어난 성능, 당신은!이 코딩 및 모바일 장치에 최적화 된 그냥 네이티브 응용 프로그램처럼 실행 비디오 데모에서 볼 수 있으며 데스크톱 컴퓨터에 100 % 모바일 호환 물론 그것을 실행할만큼 크다 IE7과 IE8 같은 오래된 브라우저에 포함된다. 우리는 IPAD3 (IOS)와 삼성 갤럭시 S3 (안드로이드)에 그것을 테스트 한 두 장치에 큰 실행, 아래.이 데모를 볼 수있는 링크입니다 삼성 갤럭시 S3 (안드로이드)에서 실행중인 데모보기 또는 시계에 실행 데모 IPAD (IOS).

그리드 주요 특징 :

응답 / 유연한 / 유체 레이아웃 : 당신은 기본적으로는 모든 유형의 프로젝트에 대한 완벽한 후보하게 적응 레이아웃이, CSS 나 자바 스크립트 그리드의 크기를 제어 할 수 있습니다.

기본 엄지 손가락 폭과 높이로 이미지의 수 및 크기가 될 수있는 각 이미지에 대한 지원하지만, 비례

전체 색상 테마 수정할 수 있습니다.

사용자 정의 썸네일의 크기와 형상이 기능을 사용하면 썸네일의 크기와 엄지 사이의 공간을 변경할 수 있습니다.

사용자 정의 미리보기 이미지 테두리와 배경 : 각 축소 테두리와 배경을 가질 수 있습니다, 썸네일의 배경 색상, 테두리의 크기와 테두리의 색상은 썸네일 테두리 색상은 선택한 색상에 정상적인 색상에서 트위닝 할 수 있습니다, 사용자 정의 할 수 있습니다..

미리보기의 설명 또는 축소판 미디어 아이콘 : 각각의 엄지 손가락이 아래에 투명한 배경 또는 링크, 비디오, 이미지, 마우스를 썸네일 위에있을 때이 볼 수 있습니다를 나타내는 미디어 아이콘과 간단한 설명을 할 수 있습니다, 텍스트 서식을 지정할 수 있습니다 CSS는 배경색 및 불투명도는 (선택적인) 변형 될 수있다.

"로드 더 썸네일 기능"이 때문에 모든 작은 이미지를로드 한 번에 표시되는이 방법으로로드의 전반적인 성능과 속도를 향상 멋진 기능입니다. 당신이 120 미리의 총이있는 경우 예를 들어, 당신은 50 미리의 세트를 표시 할 수 있습니다, 그래서 처음에 그리드에 50 미리보기의 첫 세트는로드 및 표시되고있는 상태에서 "로드 더 축소판"버튼을 누르면 다음을 누르면 50 미리의 세트는로드 표시하고 "부하 더 축소판"버튼을 다시 누르면 마지막으로 20 나머지 썸네일이 보여되어 있습니다. 썸네일의 수는 세트가 사용자 정의 할 수 있습니다 당, 그것은 당신이 고려해야 숫자를 할 수있다 (50) 일 필요는 없습니다로드합니다. 이 모든 축소판로드 및 표시 비활성화 된 경우이 기능은 선택 사항입니다.

사용자 정의를 눌러 썸네일 조치 : 썸네일을 누를 때 당신이 선택할 수 있습니다 우리가 코딩 한 원본 미디어 라이트 박스를 표시하거나 새 웹 페이지,이 웹 페이지의 URL 및 대상을 지정할 수 있습니다를 엽니 다. 라이트 박스는 이미지를 표시 할 수 있습니다, 또는 유튜브 나 비 메오에서로드 비디오를 표시 할 수 있습니다.

주요 기능을 라이트 박스 :

응답 / 유연한 / 유체 레이아웃 : lighbox 항상 사용할 수있는 브라우저 뷰포트를 채울 것입니다.

전체 색상 테마 수정할 수 있습니다.

비 메오 유튜브 지원 : 당신이해야 할 모든 당신이 표시하고 lighbox 표시하고 동영상을 재생할 수 원하는 유튜브 나 비 메오 비디오에서 링크를 포함하는 것입니다. 각 비디오의 사이즈 (폭 및 높이)를 쉽게 설정할 수있다.

이미지를 줌과 패닝 지원 : 당신이하고 이미지를 확대하거나 축소 할 수 있습니다 및 이미지를 패닝 할 수 있습니다,이 방법으로 당신은 훌륭한 세부 사항 (옵션)에서 이미지를 볼 수 있습니다.

슬라이드 쇼 버튼 (선택 사항).

슬라이드 쇼 지연, 슬라이드 쇼의 지연은 초 단위로 설정할 수 있습니다.

슬라이드 쇼 자동 실행.

사용자 지정 애니메이션 그래픽을 슬라이드 쇼.

다음 및 이전 버튼 내비게이션 (옵션).

정보 버튼 정보 창 : 각 lighbox 항목에 대한 설명, 텍스트와 창 모양은 CSS (옵션)으로 포맷 할 수있을 수있다.

사용자 정의 테두리 및 배경 : 테두리 크기와 색상도 주요 배경 색상은 사용자 정의 할 수 있습니다.

키보드 지원 : 왼쪽과 오른쪽 화살표는 내비게이션 (옵션)를 사용할 수 있습니다.

UPDATES

2013년 3월 7일는 -가 모바일 장치 용 크롬과 더 나은 감지에 확대 될 때 버그 수정 라이트 관련.


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

속성을 선택합니다

18 명 2월 13일 작성 및 최신 업데이트:
9월 28일 (13) 높은 해상도

키워드

전자 상거래, 모든 상품, 안드로이드, 응용 프로그램, 동적, 유연 fliudwidth, 전체 화면, 갤러리, 그리드, gridfolio, iframe을, IOS, 멀티미디어, 반응, 미리보기, 유튜브