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

zPopout - Animated JQuery img tag enlargement box

— 추가 기능 WorldWideScripts.net 에

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

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


Ads

Ad: Bluehost hosting
그냥 클릭으로 사이트의 모든 IMG 태그 요소를 확대합니다. 페이지 에 IMG 가 낳는 곳 zPopout 으로 문제가되지 않습니다, ​​그것은 자동으로 계산하고 크기가 성장하는 이미지의애니메이션을 표시합니다. 여러 스타일 및 확대 애니메이션 이 있습니다.

zPopout 사용하기 매우 쉽습니다, ​​당신이 할 필요가 추가 됩니다가 . 온로드 = '$ ( 이 ) zPopout ( ) . '귀하의 IMG 태그에 . 그런 다음 현재 IMG 태그의 설정 및 스타일을 정의 할 수 있습니다.

사용법

<img src="someimage.jpg" onload="$(this).zPopout({style:'default'});" />

옵션 :

preload = (can be true of false,  [Default: true])
If the bigger image should be preloaded when the website loads.

duration = (In Milisecods can by any integer above 1,  [Default: 500])
The amount of time it takes to enlarge the image.

duration3d = (In Milisecods can by any integer above 1,  [Default: 500])
The amount of time it takes to enlarge the image with 3d style such as 3d-spin.

style = ("default", "3d-spin", "3d-diamond", "3d-diamondinvert", "2d-spin",  [Default: "default"])
Sets the enlargement animation style. (Note: 3d styles can only be used on Chrome, other browsers will only see default animation)

borderstyle = ("default", "zrounded_white", "zrounded_black",  [Default: "default"])
Sets the border style of the enlarged image.

title = (Can be any string,  [Default: ""])
This option allows you to add a text overlay to the enlarged image.

titleposition = ("bottom", "top", "bottom_rounded", "top_rounded",  [Default: "top"])
Sets the position of the Text overlay when enlarged.

background = (can be true of false,  [Default: true])
True/ False if the enlargement process should have half transparent dim black background.

overlay = (can be true of false,  [Default: true])
True/ False if the unenlarged image should have a mouse hover effect.

customsrc = (Can be any string url,  [Default: ""])
This option allows you to add a custom image to be enlarged rather than the original IMG tag's src.


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

속성을 선택합니다

최신 업데이트:
4 2월 13일

호환 브라우저:
IE9 , IE10 , 파이어 폭스 , 사파리, 오페라, 크롬 , 소프트웨어 버전

:
4 2월 13일 만들어 높은 해상도

키워드

큰 클릭 확대, 확장, 이미지 큰, 이미지 확대, 이미지 확대, 팝 아웃, 팝 아웃, 스케일, 확대