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 కు

తాజాగా ఉండాలని మా ఫీడ్ సబ్స్క్రయిబ్!

కొత్త !మీరు కావలసిన మాకు అనుసరించండి!


Ads

Ad: Bluehost hosting
కేవలం ఒక క్లిక్ తో మీ సైట్ లో ఏ img ట్యాగ్ మూలకం వచ్చేలా . పేజీ మీ img సూచిస్తుంది పేరు zPopout అది పట్టింపు లేదు, అది స్వయంచాలకంగా లెక్కించటానికి పరిమాణంలో పెరుగుతున్న చిత్రం యొక్క యానిమేషన్ ప్రదర్శిస్తుంది . అనేక శైలులు మరియు వ్యాకోచం యానిమేషన్లు ఉన్నాయి .

zPopout ఉపయోగించడానికి చాలా సులభం, మీరు చెయ్యాల్సిన అన్ని జోడించండి ఉందిonload = ' $ ( ఈ ) 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 ఫిబ్రవరి 13

అనుకూల బ్రౌజర్లు:
IE9 , IE10 , Firefox , Safari , Opera , Chrome

సాఫ్ట్వేర్ వెర్షన్:
j క్వెరీ

:
4 ఫిబ్రవరి 13 రూపొందించబడింది హై రిజల్యూషన్

ఫైళ్ళు:
జావాస్క్రిప్ట్ JS , HTML , CSS కలిగి

కీవర్డ్లు

పెద్ద క్లిక్, వచ్చేలా, విస్తరించడానికి, చిత్రం పెద్ద, చిత్రం పెద్ద, చిత్రం జూమ్, పాప్ అవ్ట్ పాప్ఔట్, స్థాయి, జూమ్