nivo-slider

Nivo slider displaying numbers instead of background image

由 回眸只為那壹抹淺笑 提交于 2019-12-12 01:59:35
问题 I am running intro a pretty strange situation. I've added a nivo slider on a site but when I turn controlnav on the slide navigator is composed of numbers. The thing is I'd like to use bullets instead of those numbers. I've tried to add text-indent:-9999px but that doesn't work. I've used Nivo before plenty of times, this is the first time it's happening. The script is new and as far as I can see there is no scripting or css issue that might be causing it Site is here: http://minimaltheme01

Change CSS based on Nivo Slider current image

由 余生颓废 提交于 2019-12-11 11:22:00
问题 I'm using Nivo Slider to display a collection of 20 portfolio images on a wordpress-based site. Each image falls into a category that is reflected in my navigation: web, print, identity, packaging. I'd like to change the CSS on my navigation to reflect which category the current image falls into. In Pseudo code: On image change If currentImage == 1 or 2 or 3 or 4 Then nav css = X If currentImage == 5 or 6 Then nav css = Y Thanks for the ideas - afterChange() and jQuery .addClass() look

Fancybox and Nivo slider on one page not working

由 試著忘記壹切 提交于 2019-12-11 06:38:20
问题 I want to implement a simple Nivo slideshow in the banner of my site and a fancybox gallery below it - I just can't get them to work simultaneously. The Nivo slider takes preference, when I disable it, the fancybox gallery works. I am using fancybox v2 (jquery 1.7.2) and nivo slider jquery 1.7.1 - is that the problem? My jquery and js skills are seriously rudimentary, so please spell it out for me - thank you so much! Here is the test site: http://designasite.co.za/aerialphotographer/ 回答1: I

Jssor Slider horizontal scroll issue

由 瘦欲@ 提交于 2019-12-11 02:09:38
问题 I'm using nopcommerce 3.80 for my site and wanted to use vertical full width slides on home page. I used Jssor slider jquery in place of nivo by editing my Nivo slider plugin. I'm able to see a vertical slider at homepage now, but it is giving a horizontal scroll bar and the image is not extending to full width instead it is giving white blank space in the right side. And also the scrollbar is making the page in the right side with white space and below the slider also. Please see the

Image mask over Nivo Slider

由 自古美人都是妖i 提交于 2019-12-08 08:43:32
问题 I'm using Nivo slider, but want to place a PNG image over the slider so it only shows through the parts that are transparent. What would be the best way to do this using JavaScript or CSS? 回答1: Change the demo using the code below to see how this can be done. There are a lot of ways to do this so you should figure out what works best for your situation. The code below wraps the slider and another relatively placed image inside of the same div. A bit of CSS is used to position the the image

numbers instead of points in nivoslider

由 老子叫甜甜 提交于 2019-12-07 18:57:00
问题 Does anyone know how to change the points to numbers in nivoslider? I tried looking in the css and the code but I can't find anything. Thanks 回答1: Just comment the text-indent and the image background from the Nivo CSS file: .theme-default .nivo-controlNav a { /*background: url("bullets.png") no-repeat scroll 0 0 transparent;*/ border: 0 none; display: block; float: left; height: 22px; margin-right: 3px; /* text-indent: -9999px; */ width: 22px; } Explanation: The numbers are dynamically

numbers instead of points in nivoslider

由 ￡可爱￡侵袭症＋ 提交于 2019-12-06 07:25:50
Does anyone know how to change the points to numbers in nivoslider? I tried looking in the css and the code but I can't find anything. Thanks Just comment the text-indent and the image background from the Nivo CSS file: .theme-default .nivo-controlNav a { /*background: url("bullets.png") no-repeat scroll 0 0 transparent;*/ border: 0 none; display: block; float: left; height: 22px; margin-right: 3px; /* text-indent: -9999px; */ width: 22px; } Explanation: The numbers are dynamically generated inside the <a> 'bullets' but removed from viewport with text-indent . We just have to bring them in by

Modernizr load method

由 99封情书 提交于 2019-12-05 05:51:59
问题 I've problems with Modernizr load. I'm using Modernizr, jQuery and Nivo-slider. Sometimes when i refresh my homepage my slider don't appear correctly, sometimes everything is great. Is my method is the right thing to do ? HTML : <!-- SCRIPTS --> <script type="text/javascript" src="js/plugins/modernizr-2.0.6.js"></script> <script type="text/javascript" src="js/master.js"></script> In master.js : Modernizr.load([ { load: 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js',

Getting Nivo-slider to start before all images are loaded

由 百般思念 提交于 2019-12-05 03:07:20
问题 I am using the Nivo-slider Wordpress plugin, and love how it looks and how easy it is for my clients to use. The only problem is that the slideshows do not play until all the images are loaded, which is a big problem as soon as you have more than a few images: http://www.marcusmcshane.com/ Does anyone know how to make the slideshow start after the first couple have loaded? Thanks in advance for any help you can offer. 回答1: Having had plenty of experience with Nivo Slider personally, I

Ken Burns effect with nivo slider

由 纵然是瞬间 提交于 2019-12-05 01:10:11
问题 Has anyone set up a nivo slider to pan each image (aka Ken Burns effect)? I'm trying to implement it and it's kinda tricky! 回答1: Actually, I got my implementation working! I have a panning function loop.. something like this: function ken_burns_loop(el) { $(el) .animate({ 'background-position-x': '40%', 'background-position-y': '60%' }, 8000, 'linear') .animate({ 'background-position-x': '30%', 'background-position-y': '40%' }, 8000, 'linear') .animate({ 'background-position-x': '70%',
订阅 nivo-slider