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

Ken Burns Media Gallery / Slideshow

— जोड़ें पर WorldWideScripts.net को

तारीख तक रहने के लिए हमारे फ़ीड की सदस्यता लें!

नई! आप यह चाहते हैं के रूप में हमें का पालन करें!


Ken Burns Media Gallery / Slideshow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

वर्डप्रेस संस्करण

गैलरी छवियों, वीडियो, ऑडियो इनलाइन फ़ोन आईपैड संगत मिनट की स्थापना केन बर्न्स प्रभाव थंबनेल नेविगेशन और अधिक समर्थन करता है!

अपडेट

2 अद्यतन 0.1 [14/06/2011]

  • autoheight उदाहरण + एपीआई कॉल जोड़ा

2 अद्यतन 0.0 [2011/09/06]

  • ठीक हो गया
  • फीनिक्स गैलरी rebranded - एक ही गैलरी सुविधाओं + अधिक
  • जोड़ा थंबनेल नेविगेशन

परिचय

jQuery के केन बर्न्स शैली में अपने चित्रों / विज्ञापन प्रदर्शित करने का सही तरीका Slideshowis। प्रत्येक आइटम एक अलग स्लाइड शो का समय दिया है और आप बस HTML संशोधित करके उनके लिंक, लक्ष्य और कई अन्य व्यक्तिगत सेटिंग्स संपादित कर सकते हैं।

विशेषताएं

  • .PNGs,.JPGs,.GIFs का समर्थन करता है
  • एपीआई - (गैलरी के बाहर) अपने HTML से, gotoNext, gotoPrev खेलने, थामने फोन
  • autoheight - विकल्प सामग्री की ऊंचाई पर निर्भर करता है गैलरी autosize को
  • आप जितने चाहें उतने चित्रों को बारी बारी - असीमित आइटम का समर्थन करता है
  • स्लाइड शो मोड - प्रत्येक आइटम के लिए स्वतंत्र समय के साथ आप प्रदान HTML में परिभाषित कर सकते हैं कि
  • आप प्रत्येक आइटम के लिए सेट कर सकते हैं मूल्यों - विवरण (ऊपर से वर्णन), initialZoom (किसी भी कीमत में आप चाहते हैं), finalZoom, slideshowTime (बैनर रोटेटर विशेष आइटम पर ध्यान केंद्रित रहता समय), जला प्रभाव समय (समय आप लेने के लिए प्रभाव) कोई यूआरएल आइटम बस क्लिक पर कोई लिंक) के साथ एक छवि हो जाएगा सेट है, तो यूआरएल (transitionType (easeInSine, रैखिक आदि), initialposition, अंतिम स्थिति (topleft, topcenter, Topright से चयन करना चाहते हैं, middleleft, middlecenter, MiddleRight, bottomleft, bottomcenter, bottomright)
  • अपनी पसंद के आकार को बदलने योग्य - सभी सामग्री को उचित स्थिति होगा

संभव पैनिंग पदों (प्रारंभिक और अंतिम)

सामान्य प्रश्न

अंतरिक्ष 4 के लिए है जबकि वहाँ कैसे थंबनेल की संख्या निर्धारित करने के लिए, मैं, स्लाइडर.. नेविगेशन उनमें से केवल 2 से पता चलता है इस चित्र चित्र है?

यह अंगूठे चौड़ाई / ऊंचाई और अंगूठे अंतरिक्ष से स्वचालित रूप से गणना की है क्योंकि आप 'पेज' प्रति प्रदर्शित थंबनेल की संख्या निर्धारित नहीं कर सकते। इसलिए अधिक अंगूठे के लिए है कि कम करने के लिए प्रयास करें। इसके अलावा एक और पैरामीटर "nav_arrow_size: 40" नहीं है - यह (ताकि डिफ़ॉल्ट 80 पिक्सल पर तीर के लिए substracted कर रहे हैं) हर तीर के लिए आवंटित किया गया है कि अंतरिक्ष है और आप भी अधिक अंगूठे के लिए यह कम कर सकते हैं।

यह चित्र पर एक लिंक नहीं है (थंबनेल offcourse मुख्य छवि) हां, यकीन है, लिखने डाल करने के लिए संभव है

 <a href="#"> <img src = "आइएमजी / def1.jpg" /> </a> 

की बजाय

 <Img src = "आइएमजी / def1.jpg" /> 

मैं विवरण में लिंक जोड़ने का प्रयास करते हैं, लेकिन यह स्क्रिप्ट टूट जाता है

Propably आप कुछ इस तरह कर रहे हैं

खराब

 डेटा-वर्णन = "मेरे लिंक <a href="http://something"> यहाँ </a> है" 

समस्या डेटा-वर्णन से "अंदर href टूट जाता है कि" है। समाधान "का उपयोग 'के बजाय है

अच्छा :
 डेटा-वर्णन = 'मेरे लिंक <a href="http://something"> यहाँ </a> है' 
नमस्ते। मैं phoenixgallery के ऑटो फिसलने कैसे रोक सकता है

आप मापदंडों में है

 targetgallery.phoenixgallery ({ transition_type: "यादृच्छिक" nav_type: "thumbsa" nav_position: "अप", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "बंद", settings_autoresize: "बंद", settings_autoheight: "बंद", settings_pauseonrollover: "बंद", settings_usethumbarrows: 'बंद', transition_strips_x: 10, transition_strips_y: 5, arrows_normal_alpha: 1, arrows_roll_alpha: 0.3, thumbs_normal_alpha: 1, thumbs_roll_alpha: 0.3 }) 
स्लाइड शो निष्क्रिय करने के लिए सिर्फ एक नया पैरामीटर settings_slideshow जोड़ सकते हैं और इस तरह से इसे बंद करने के लिए सेट
 targetgallery.phoenixgallery ({ transition_type: "यादृच्छिक" nav_type: "thumbsa" nav_position: "अप", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "बंद", settings_autoresize: "बंद", settings_autoheight: "बंद", settings_slideshow: "बंद", settings_pauseonrollover: "बंद", settings_usethumbarrows: 'बंद', transition_strips_x: 10, transition_strips_y: 5, arrows_normal_alpha: 1, arrows_roll_alpha: 0.3, thumbs_normal_alpha: 1, thumbs_roll_alpha: 0.3 }) 
किसी कारण के लिए मैं अब और नहीं छवि के कार्यों ज़ूम प्रभाव एक कड़ी जोड़ रहे हैं।

गुण डेटा-initialZoom, डेटा-finalZoom, डेटा-effectTime आदि गैलरी div के प्रत्यक्ष बच्चे पर रहने की जरूरत है क्योंकि यही है। उदाहरण के लिए अगर आपके पास

 

आप इस तरह की कड़ी जोड़ने अगर प्रभाव से काम करेगा, लेकिन
 <a href="#"> </a> 
प्रभाव से काम नहीं चलेगा। तुम इतनी तरह गैलरी का सीधा बच्चे को विशेषताओं को स्थानांतरित करने की जरूरत है:
 <a href="#" data-finalzoom="2"> </a> 

क्रेडिट्स

रचनात्मक तस्वीरें - http://www.flickr.com/photos/markjsebastian/

डाउनलोड करें
इस श्रेणी में अन्य घटकोंइस लेखक के सभी घटकों
टिप्पणियाँअक्सर पूछे जाने वाले सवाल और जवाब पूछा

गुण

बनाया गया:
2 अगस्त 10

आखिरी अपडेट:
एन / ए

संगत ब्राउज़र:
IE7, IE8, IE9, फायरफॉक्स, सफारी, ओपेरा, क्रोम

फ़ाइलें:
जावास्क्रिप्ट जे एस, एचटीएमएल, सीएसएस

सॉफ्टवेयर संस्करण:
jQuery के

कीवर्ड

ईकामर्स, ईकामर्स, सभी आइटम, तीरों, कस्टम नेविगेशन, प्रभाव, गेलरी, की छवि, केन जलता, संख्या, कड़ाही, चित्रों का समर्थन, अंग को घुमानेवाली पेशी, स्लाइड शो, थंबनेल, संक्रमण, वीडियो का समर्थन, ज़ूम