Stack Overflow
Stack Overflow

Questions tagged [nivo-slider]

Nivo Slider - jQuery & WordPress Image Slider

Nivo Slideris a free product of Dev7Studios. It offers an easy way to make images sliders on web pages and applications with many customization options. The latest version -3.2- requires 1.7 or greater.

Current Features

  • 16 unique transition effects
  • Simple clean & valid markup
  • Loads of settings to tweak
  • Built in directional and control navigation
  • Packed version only weighs 15kb
  • Supports linking images
  • Keyboard Navigation
  • HTML Captions
  • 3 Slick Themes
  • Free to use and abuse under the MIT license

Browser Support

Nivo Slider has been tested in the following browsers:

  • Internet Explorer v7+
  • Firefox v3+
  • Google Chrome v4+
  • Safari v4+
  • Opera v10+
548 questions
5
votes
1 answer

Nivo Slider custom height/width problems

I have searched for a resolution to my problem, but have not yet been successful. I have images of different sizes in Nivo Slider, but I need to create a viewport that displays the image centered in a div. It's hard to explain, but I have included a…
Jamie Harding
  • 383
  • 3
  • 22
5
votes
3 answers

Nivo Slider Delay only the first image

IT WORKS!!! http://jsfiddle.net/jupago/W6CkP/ Based on this thread: Pause Nivo Slider I was able to figure make it stop on the first image. Here's my code. I'm stopping the animation twice because I want it to also stop after slideshow…
Jupago
  • 79
  • 1
  • 11
5
votes
2 answers

Repositioning ONE image in the Nivo Slider plugin

I'm quite new to web development and jQuery, so please bear with me. I'm using Nivo Slider on a website that I'm working on. It's a responsive website, and I want the slider to be easily visible on all screen sizes. I've set a breakpoint in my CSS…
Flay
  • 83
  • 6
4
votes
3 answers

Nivo Slider sliding workaround (not always sliding in one direction)

Let me prefix this by saying how much I love this community here at stackoverflow, and its always a great help to browse and as questions here, so thanks a lot! The problem. So I have a client that would like a slideshow that can slide the images…
Aleski
  • 1,402
  • 5
  • 16
  • 30
4
votes
1 answer

Stop Nivo Slider Autoplay and start slide on specifc action?

How can I make Nivo slider start only when I click on a specific link or go to the specific dot slide and stop there. (by dot I meant number of slide (nivo-controlNav)) Thank you!
Adrian Florescu
  • 4,454
  • 8
  • 50
  • 74
4
votes
3 answers

External Controls (Next / Prev) for Nivo Slider (raphaeljs)?

I'm trying to have a slideshow with next / previous buttons. I'm using NivoSlider for the cool transitions, and raphaelJS for animated next / previous buttons. My only issue is that there is no built in way to give an element to Nivoslider that…
Rey
  • 3,639
  • 5
  • 33
  • 40
4
votes
2 answers

Getting Nivo-slider to start before all images are loaded

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…
Caroline Elisa
  • 1,246
  • 6
  • 18
  • 35
4
votes
1 answer

How can I format my values for the x-axis in nivo line?

I am using @nivo/line react library for charts. Right now I have: xScale={{ type: 'time', format: '%m/%d/%Y %H:%M:%S %p', precision: 'second', }} …
Yvette Jenny Menase
  • 41
  • 1
  • 1
  • 3
4
votes
2 answers

Image Map in Nivo Slider

I am having trouble adding an image map to my nivo slider. Below is the code I am using and here is the link to the site. Any suggestions?
hanleyhansen
  • 6,304
  • 8
  • 37
  • 73
4
votes
2 answers

Nivo-Slider disappears while slide is being changed in IE ≤ 8

I'm testing the slider and it works in Chrome and IE 9+ but doesn't work properly in earlier versions. The problem that occurs to me is that while the previous slide is rolled up, an error-like image is revealed (and the loading.gif is then visible)…
Shimmy Weitzhandler
  • 101,809
  • 122
  • 424
  • 632
4
votes
2 answers

How to make Nivo Slider Responsive

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…
Himanshu Jain
  • 444
  • 1
  • 8
  • 23
4
votes
1 answer

Jquery AutoComplete Gets Hidden by Jquery Slider - JQuery Equivalent of wmode?

I'm using Jquery UI's autocomplete, found here, and Nivo slider, found here, on my website. The Autocomplete is above the nivo slider. What's happening is on the first slide of my nivo slider, when I type in something for the autocomplete,…
Muhambi
  • 3,472
  • 6
  • 31
  • 55
4
votes
4 answers

Nivo slider transition

I have the nivo slider added into my Magento theme on the homepage, at the moment it is showing a load of random effects. I just want it to show one effect where all the slides will slide in from the right, appear on the screen for 3 seconds and…
Matt
  • 1,747
  • 8
  • 33
  • 58
4
votes
2 answers

Nivoslider (within dynamic ajax content) doesn't load images on first load

I am developing a website (jQuery + Ajax) and I stumbled on a problem. When a page loads dynamically (for the first time, images aren't cached yet), it doesn't display the images. When I recall the ajax load function, suddenly my pictures are…
user1324329
  • 41
  • 4
4
votes
4 answers

How to add video to nivo slider?

I have set up nivo slider in a Homepage. But now, I need to show a video inside that slider, but I have found that nivo slider goes bananas when I add a video:
Leandro Cusack
  • 359
  • 1
  • 6
  • 21
1
2
3
…
36 37