새로운 그래픽 디자인 스크립트 에 Web

원래 적응 이미지 스크립트,이 포트는 자동으로 사용 가능한 뷰포트 (화면) 크기를 기준으로 데스크톱 또는 모바일 장치에 대한 이미지 크기를 조정합니다.전술 한 바와 같이, 개발자가 적응 이미지를 지원하는 모든 이미지 코드 마크 업을 변경할 필요가 없습니다, 그를 위해 최선을 다하고 스크립트.원래 적응 이미지 PHP 스크립트는 여기에서 다운로드 할 수 있습니다.원래 PHP 스크립트에서 약간의 차이가 존재한다. 다음은 메모리 캐싱 및 원본 이미지보다 크게...

minBlock.js는 3 × 3 행렬 그리드를 플롯 HTML5 캔버스 유틸리티를 사용합니다.그러므로 각 셀에 대한 임의의 위치에 적용하는, 행렬 표에 입력 작은 블록을 생성한다.minBlock.js은 원색을 취하고 블록에 적용되고, 부색은 채워지지 않은 격자 셀에 적용.이러한 두 가지 색상은 무작위로 선택 될 수 있거나, 개발자는 자바 스크립트를 통해 이들 파라미터를 제공 할 수있다.minBlock.js는이 구현할 수있는 방법을 개발자들에게 보여주기...

Slickr은 플리커 공식 사용자 페이지에 자체 호스팅 대안입니다.그것은 간단한 최소한의 페이지 레이아웃을 표시, 사용자의 플리커 ID를 복용 한 후 원격 사이트에 자신의 모든 플리커 사진을 당겨 작동합니다.사진은 사각형 격자를 사용하여 표시, 빠른 배달을 위해 캐시되며, (쇼콜라를 통해) 팝업 모달 창 내부를 볼 수 있습니다.사용자에게 도움이됩니다 설치 마법사가 Slickr을 설정하고 암호로 보호 된 백엔드 웹 마스터가 자신의 포트폴리오에 표시 할...

는 스크린의 전체 영역에서 화상을 표시하기위한 HTML 5 최신 API 전체 화면을 사용한다.대체기구도 포함된다.이전 버전의 브라우저에서는 다시 전체 뷰포트에서 슬라이드 쇼를 표시하는 떨어진다.작업 데모가 다운로드 패키지에 포함되어 개발자는 자신의 프로젝트에 가야 이 요구 사항 :합니다. 자바 스크립트는 클라이언트 측에서 사용 가능jQuery를HTML5 Fullscree API 지원...

3D 모션 흐름 Away3D와 부드럽고 빠른 3D 시각 렌더링에 대한 왕따 자식이 애니메이션 엔진을 사용합니다.페이지에서 이미지로드는 페이지의 캔버스에 표시되는 임의의 섬네일로로드됩니다.그들 주위에 마우스를 가져 가면 그들이 팝업 및 그리드로 자신을 정렬합니다.사용자가 페이지를 그의 주변에 마우스를 가리킬 때, 손가락이 인출되고 커서 그들에 가까워지면서 다른 사람은 격자에 부착된다.이미지를 클릭하면 전체 날려 모달 이미지 뷰어에 팝업 할 것입니다.외부...

jQuery를 릴은 사용자의 마우스 휠 커서 또는 수직 및 / 또는 수평 드래그 핸들러의 도움으로 기반의 빠른 이미지 소스의 부품을 교체 할, 일반 이미지 태그의 상단에서 작동합니다.사용자는 이러한 핸들러 중 하나를 이동하거나 마우스를 이용하여 자신의 이미지를 드래그하는 바와 같이, 상기 영상 소스가 사용자의 상호 작용을 일치를 나타내는 사시도, 따라서 회전된다.릴 플러그인은 JS 기반 동영상 플레이어 구현, 다른 각도에서 미리 제품을 위해 사용될...

GifMachine 사용자가 YouTube 동영상의 URL, 원하는 시퀀스의 시작 및 종료 시간과 함께 GIF 폭을 지정할 수 있습니다.모든 옵션이 채워진 경우, GifMachine 스크립트는 전체 비디오에서 순서를 추출하여 GIF 파일로 변환 할 수는 FFmpeg 라이브러리를 사용합니다.이 GIF 파일은 로컬로 저장하고, 사용자가 자동​​으로 화상이 도시되어 페이지로 리디렉션.그 후 URL을 복사하여 친구들과 공유 할 수 있습니다.GifMachine...

S 갤러리는 데스크톱과 모바일 환경 모두에 대한 지원이 제공 잘 합친 이미지 갤러리 스크립트입니다.그것은 당신의 스마트 폰, 태블릿 및 데스크탑 PC 모두에서 원활하게 작동에 S 갤러리를 허용 터치 기반의 상호 작용에 대한 반응 레이아웃과 지원을 제공합니다.갤러리의 기본보기는 더 큰 이미지로 클릭하고 확장 할 수 있습니다 축소판 격자입니다.갤러리의 모든 상호 작용은 CSS3 애니메이션을 이용하여 수행되고, 이미지는 전체 화면 HTML5 API를 통해...

배포시 zoomwall.js은 깔끔하게 그리드와 같은 사진 벽에 페이지에 표시 이미지를 보여줍니다.이미지 중 하나를 클릭하면 줌 - 인 / 아웃 애니메이션을 사용하여 초점을 가져올 것이다.화상 전체 뷰 모드로 진입하면, 사용자가 더 잘 볼 수 있도록 원 화상 엄지 높은 해상도로 사진을 보여주는 또 다른 이미지로 대체된다.zoomwall.js 라이브러리는 개발자가 페이지에 많은 수의 사진을 표시 할 수 있도록하고 멋진 줌 효과를보기보다, 오버 수행...

간단한 개념에 작품을 flipgrid.js. 페이지가로드되면 모든 썸네일 그리드 레이아웃을 사용하여 표시됩니다.사용자가 작은 썸네일 이미지를 클릭하면 주변의 행은 자신의 썸네일을 뒤집기 시작하고 미리보기의 높은 해상도 이미지 버전이 전체에 표시 할 수 있도록 공간을 만듭니다.사용자가 더 큰 사진을 볼 마친 후, 그는 다음을 클릭하고 원래의 상태로 모든 것을 전환 할 수 있습니다.flipgrid.js 페이지 내에서, 또는 같은 공지 된 다양한 이미지...