nivo-slider

问题 I would like to show the slide count as 2 of 10 on my slider. How do I make it work with the transitions 3 of 10 , 4 of 10 (as the slider moves with slides) & 7 of 10 (if the corresponding thumbnail was clicked)? 回答1: You can have the current slide no as current_slide_no = jQuery('#nivo-slider').data('nivo:vars').currentSlide; Add 1 to it as index starts from 0. Use afterChange attribute to change the current slide number while initializing the NIVO slider. So, I got it working by <script

问题 I have found a MooTools version of Nivoo Slider that (in theory) will work with our MooTools dropdown menu. However, the menu is using MooTools 1.2.x, and Nivoo is using 1.3.2 or 1.4.0. Every time I try and use both the menu and the slider, the menu stops working. Are the versions of the MooTools framework not backward compatible? Also, are these plugins compatible or is one overriding the other? I don't know enough about JS to correct my errors or rewrite the function call. Is there a good

问题 I just finished a website & went to upload it to the client's host, which is the same host that I use for my personal site. When I uploaded the site to his domain as an add on & tested the jQuery function, it doesn't run. I'm loading jQuery from Google via: <!--/ jQuery Inclusion--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> And it runs perfectly on my personal host setup, it just doesn't work at all on the new host. I called

问题 I just finished a website & went to upload it to the client's host, which is the same host that I use for my personal site. When I uploaded the site to his domain as an add on & tested the jQuery function, it doesn't run. I'm loading jQuery from Google via: <!--/ jQuery Inclusion--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> And it runs perfectly on my personal host setup, it just doesn't work at all on the new host. I called

问题 I'm having a conflict issue with jScrollPane and the NivoSlider WP plugin. Prior to installing NivoSlider, jScrollPane was working fine. After installing it I'm getting the following error: $('.scrollpane').jScrollPane is not a function I've tried every combination of jQuery.noConflict that I know of and that is listed in the documentation. I've also tried all of the recommendations found here: jScrollPane Scrollbar Problem That includes using the WPScrollPane plugin which does not seem to

问题 I'm using nivo slider for an image slideshow. All looks good in FF, Chrome etc. It is displaying very strangely in IE though (see attached) (tested on 8(xp) + 9(win7)). Has anyone come across this before? Here's the code: <div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <img src="pathtoimage" alt="" /> <img src="pathtoimage" alt="" /> <img src="pathtoimage" alt="" /> <img src="pathtoimage" alt="" /> </div> </div> . $('#slider').nivoSlider({ effect: 'fade', //

问题 I am using NivoSlider in WordPress and implemented some responsive css to the theme, I have fixed the width & height of the images and background size in Nivo Slider also but its displaying correct size only once and afterwards its displaying big images in the slider. Here is the link to the site : Website Please let me know if I am missing something. Regards 回答1: It was officially announced by nivo slider that it is responsive, Here is announcement. http://nivo.dev7studios.com/2012/05/30/the

问题 I'd like to pause the Nivo slider for 5 seconds before it runs but show the first image. So I'll need to add some code in the property afterLoad I believe. I've tried setTimout before running the slider code be it doesn't give the result I'd like. Thanks in advanced! Edit: Current Code $(window).load(function(){ $('#slider').nivoSlider({ animSpeed: 500, pauseTime: 4000, effect : 'boxRain', directionNav : false, controlNav: false, afterLoad: function(){ //$('#slider').data('nivoslider').stop()

问题 I'd like to pause the Nivo slider for 5 seconds before it runs but show the first image. So I'll need to add some code in the property afterLoad I believe. I've tried setTimout before running the slider code be it doesn't give the result I'd like. Thanks in advanced! Edit: Current Code $(window).load(function(){ $('#slider').nivoSlider({ animSpeed: 500, pauseTime: 4000, effect : 'boxRain', directionNav : false, controlNav: false, afterLoad: function(){ //$('#slider').data('nivoslider').stop()

问题 I'm trying to implement nivoslider on my magento installation. I just copy paste what's in the downloaded demo package (which I've tested out on my firefox and run very smooth) to the magento. I did all the homework copy all the required js and css files to my theme's skin folder add those files on page.xml <reference name="head"> <action method="addCss"><stylesheet>css/styles.css</stylesheet></action> ... <action method="addCss"><stylesheet>css/nivo-slider.css</stylesheet></action> <action