निवो-स्लाइडर

Question

में विभिन्न प्रभाव कैसे सेट करें मुझे अपनी साइट पर एक निवो-स्लाइडर मिला है, लेकिन स्लाइडअप को छोड़कर कोई प्रभाव नहीं है, भले ही मैंने डिफ़ॉल्ट स्थापना सेट की हो।

  <div class="slider-wrapper theme-default"> 
     <div class="ribbon"></div> 
     <div id="slider" class="nivoSlider"> 

    <img src="/upload/banners/image1.png" border="0" alt=""/> 
    <img src="/upload/banners/image2.png" border="0" alt=""/> 
    <img src="/upload/banners/image3.png" border="0" alt=""/> 

     </div> 
    </div> 
<script type="text/javascript"> 
$(window).load(function() { 
    $('#slider').nivoSlider(); 
}); 
</script> 

और शीर्षक में:

<script type="text/javascript" src="/scripts/jquery.js"></script> 
<script type="text/javascript" src="/scripts/jquery.nivo.slider.pack.js"></script> 
<link rel="stylesheet" type="text/css" href="/css/nivo-slider.css"/> 

क्या मैं यह ठीक से काम करने के लिए क्या करना चाहिए?

Answer 1

zeusakm। अपने कोड की जाँच करें और इस के लिए देखो:

<script type="text/javascript"> 
$(window).load(function() { 
    $('#slider').nivoSlider(); 
}); 
</script> 

आप 'प्रभाव' विकल्प कॉल करनी होगी और फिर आप यह निर्धारित कर सकते हैं।

• sliceDown
• sliceDownLeft
• sliceUp
• sliceUpLeft
• sliceUpDown
• sliceUpDownLeft
: कैसे ?:

<script type="text/javascript"> 
$(window).load(function() { 
    $('#slider').nivoSlider({ 
     effect:'random' 
    }); 
}); 
</script> 

प्रभाव पैरामीटर निम्न में से कोई हो सकता है

• गुना
• फीका
• यादृच्छिक
• slideInRight
• slideInLeft
• boxRandom
• boxRain
• boxRainReverse
• boxRainGrow
• boxRainGrowReverse

पूरा संदर्भ: http://nivo.dev7studios.com/#usage

Answer 2

भी जाहिरा तौर पर बात स्क्रिप्ट के क्रम:

1. jQuery जे एस फ़ाइल अपने HTML फ़ाइल में कहीं जोड़ा जाना चाहिए।
2. jQuery जेएस फ़ाइल के बाद निवो स्लाइडर जेएस फ़ाइल को लिंक किया जाना चाहिए।
3. स्लाइडर-विशिष्ट नियंत्रण (जैसे "प्रभाव: 'फीका'") निवो स्लाइडर जेएस फ़ाइल के बाद स्क्रिप्ट टैग में होना चाहिए।

एक आसान worksround या वैकल्पिक उपलब्ध कराने के अधिक नियंत्रण

<img src="mypic.jpg" alt="" data-transition="fade"/> 

जो भी आप चित्र के अनुसार प्रभाव निर्दिष्ट कर सकते हैं निर्दिष्ट करने के लिए है।