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 / Sliders

jQuery Homepage Banner Slideshow / Product viewer

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

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

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


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

इस फ़ाइल में मुखपृष्ठ पर बैनर, स्लाइड शो, उत्पाद दर्शक के लिए उपयुक्त है, गैलरी आप एक पहचान के रूप में उपयोग कर सकते हैं, भले ही। सभी एनिमेशन विकसित कर रहे हैं तो यह बैनर की किसी भी प्रकार के लिए उपयुक्त है। आप प्रत्येक स्लाइडर पर परत के किसी भी संख्या का उपयोग कर सकते हैं। आप स्थिति और डेटा विशेषताओं का उपयोग आसानी से हर परत रिक्ति कर सकते हैं। डाउनलोड फ़ाइल में, पाँच डिफ़ॉल्ट नमूने अलग HTML फ़ाइल में उपलब्ध हैं।

यह iPad, आईओएस और एंड्रॉयड डिवाइस सहित सभी ब्राउज़र में अच्छी तरह से काम

सभी विकल्पों के स्रोत कोड संपादन के बिना इस स्लाइडर को अनुकूलित करने के लिए उपलब्ध हैं लगभग

डेस्कटॉप और टच स्क्रीन डिवाइस दोनों के लिए स्क्रीन क्षमता को टच

यह (पारदर्शी छवि प्रारूप सहित) कई div, छवि, वीडियो, यूट्यूब और swf (फ्लैश फाइल) हो सकता है डिव सामग्री के किसी भी प्रकार का प्रयोग करें

अद्वितीय विशेषताएं:

  • आसान प्रत्येक छवि और पाठ के लिए, रिक्ति और एनीमेशन दिशा के लिए पंक्ति में
  • ऑप्शन में / बाहर एनीमेशन दिशा के किसी भी प्रकार का चयन करने के लिए
  • एनीमेशन आ रही दूरी तय करने का विकल्प
  • एनीमेशन चलती पृष्ठभूमि पैटर्न
  • विकल्प प्रत्येक div के लिए / बाहर के समय में स्थापित करने के लिए
  • प्रत्येक स्लाइड के लिए स्लाइड शो देरी समय निर्धारित करने का विकल्प
  • अक्षम / डेस्कटॉप खींचें सक्षम करें
  • प्रत्येक स्लाइड पर असीमित छवियों और पाठ का समर्थन


बिंदीदार बटन:
  • अगले के साथ बिंदीदार बटन और पिछले बटन डिजाइन के तीन अलग अलग प्रकार के उपलब्ध हैं
  • संरेखित और रिक्ति विकल्प का उपयोग कर किसी भी जहां नेविगेशन स्थिति
  • दिखाएँ /, अगला और पिछला बटनों बिंदीदार छुपाएं
  • / अक्षम नेविगेशन ऑटो छिपाने सक्षम करें

थंबनेल:

  • अगले और पिछले बटन के साथ थंबनेल दिखाने के लिए विकल्प
  • आसानी से सीएसएस का उपयोग कर थंबनेल चौड़ाई और ऊंचाई परिवर्तन हो सकता है
  • थंबनेल सीमा रंग, सीमा आकार, थम्बनेल अंतरिक्ष के लिए थंबनेल सीएसएस फ़ाइल के माध्यम से नियंत्रण कर रहे हैं
  • थंबनेल बैनर चौड़ाई के लिए स्वचालित रूप से फिट है। तुम भी थंबनेल दृश्य क्षेत्र को बदल सकते हैं
  • सीएसएस फ़ाइल के माध्यम से टिंट छवि या नियंत्रण को लेकर थंबनेल माउस, आप भी छवि के बजाय रंग का उपयोग कर सकते हैं
  • कहीं भी संरेखित और रिक्ति विकल्पों का उपयोग कर थंबनेल स्थिति
  • आप बिंदीदार बटन और थंबनेल दोनों दिखा सकते हैं


अन्य सुविधाओं:
  • उपयोगकर्ता अन्यथा बैनर मारा जब स्लाइड शो ठहराव यह खेलने के लिए जारी
  • नमूने के पाँच विभिन्न प्रकार के उपलब्ध है
  • सभी ब्राउज़रों का समर्थन
  • Cufon फ़ॉन्ट समर्थन
  • आप div के अंदर जगह है कि कुछ भी कर सकते हैं चेतन

अपने मोबाइल पर देखें डेमो

प्लग में कोड में आप चर नीचे का उपयोग कर स्लाइड शो अनुकूलित कर सकते हैं

 jQuery के (समारोह ($) { $ ('# Jq_fmslideshow')। Fmslideshow ({ banner_width: "" banner_height: "" image_sprite: "fmslideshow_assets / sprite.png" image_background: "" image_topShadow: "" image_bottomShadow: "" image_loader: "fmslideshow_assets / loader_img.png" background_fullScreen: झूठे, background_move: झूठे, background_moveDistance: 1250, buttons_type: 0, buttons_autoHide: झूठे, buttons_align: "ईसा पूर्व" buttons_spacing: "15,0" button_nextPrevious_type: 0, button_nextPrevious_autoHide: सच है, button_next_align: "आर सी", button_next_spacing: "20,0" button_previous_align: "नियंत्रण रेखा", button_previous_spacing: "20,0" dotButtons: झूठे, button_next_previous: झूठे, thumbnails_align: "ईसा पूर्व" thumbnails_spacing: "-75,0" thumb_next_preious_width: 38, स्लाइड शो: झूठे, slideShow_delayTime: 2, desktop_drag: सच default_data_align: "नियंत्रण रेखा", default_data_spacing: "70,0" default_data_inOutDirection: "एलआर" default_data_inOutDistance: "60" }); }); 


नमूना स्लाइड शो कोड
 <! - स्लाइड 1 -> <Div> <Img डेटा-align = "बीएल" डेटा-रिक्ति = "0,50" डेटा-inoutdirection = "बी" डेटा-inoutdistance = "50" डेटा-starttime = "0" डेटा-staytime = "5" डेटा-animationspeed = "700" डेटा-easein = "easeOutQuart" डेटा-easeout = "easeOutSine" वर्ग = "imgSty" src = "छवियों / image2.png" alt = "fmslideshow" /> <Div डेटा-align = "टी.आर." डेटा-रिक्ति = "70,0" डेटा-inoutdirection = "आरएल" डेटा-starttime = "। 5" डेटा-staytime = "6" डेटा-animationspeed = "400" डेटा-easein = "easeInQuart" डेटा-easeout = "easeOutSine" वर्ग = "divStyle"> <अवधि वर्ग = "txtLarge"> अनुकूलित एनीमेशन </ span> </ Div> <Div डेटा-align = "टी.आर." डेटा-रिक्ति = "20,0" डेटा-inoutdirection = "एलआर" वर्ग = "divStyle" डेटा-inoutdistance = "60"> <अवधि वर्ग = "txtMedium"> / बाहर दिशा में - संरेखण - रिक्ति </ span> </ Div> </ Div> 
पूरी मदद दस्तावेज़ डाउनलोड फ़ाइल में शामिल किया जाता है

2013/10/06 पर अद्यतन: मामूली बग तय

23-11-2012 पर अद्यतन: IE10 बग तय









यदि आप इस फाइल के बारे में किसी भी सवाल है, तो मेरे माध्यम से मुझसे संपर्क प्रोफाइल पेज

मेरे अन्य फाइलों की जांच:

















मेरी फ्लैश फाइलों की जांच:

accordion क्षैतिज ऊर्ध्वाधर छवि पाठ एनीमेशन







हिंडोला-3-प्रकार की छवि-उत्पाद-दर्शक

accordion क्षैतिज ऊर्ध्वाधर छवि पाठ एनीमेशन


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

गुण

बनाया गया:
10 अक्टूबर 11

आखिरी अपडेट:
11 जून 13

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

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

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

कीवर्ड

ईकामर्स, ईकामर्स, सभी आइटम, बैनर विज्ञापन, बैनर रोटेटर, छवि स्लाइडर, परत एनीमेशन, उत्पाद दर्शक, बदलने योग्य, सरल स्लाइड संक्रमण, स्लाइड शो