Nivo Slider - The Most Awesome jQuery Image Slider

Overview

Maintainer's Wanted! - Ineterested in contributing regularly to Nivo Slider development? Get in touch

Nivo Slider

The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market. There is literally no better way to make your website look totally stunning.

WordPress Plugin: https://themeisle.com/nivo-slider/ for more info.

Docs: http://docs.themeisle.com/article/485-getting-started-with-the-nivo-slider-jquery-plugin

If you are looking out for WordPress themes which nicely integrate Nivo Slider, check-out : https://themeisle.com/wordpress-themes/ or if you are looking for a web host where you can have your website hosted, see this guide, I am sure that it will help.

Comments
  • Nivo Slider links not working in IE

    Nivo Slider links not working in IE

    I have a site that uses the nivo slider for the front page. Each slide has links to articles. In FF, Chrome they work fine, but do not work in IE. I have tested this and see it happening in IE7-9.

    Searching for this issue hasn't produced any fruit, so if there's something I missed, please forgive me.

    I tried adding:

    slider a{

    display:block;
    

    }

    as seen on this page: http://nivo.dev7studios.com/support/ but that didn't do the trick either.

    Is this a bug or am I just missing something?

    Thanks for a great plugin!

    Might help to include the url: http:www.bikegallery.com

    opened by bikegallery 16
  • Caption in a div

    Caption in a div

    awesome slider..just onething, since the title="" attribute is limited when it comes to adding buttons, Anchor tags etc.

    Can you add a feature of picking up the caption from a div or adding a caption div, it'll really add lot of value to your amazing slider.

    opened by imhobie 15
  • Insert in table

    Insert in table

    Strange thing, I'm trying to put the Nivo-Slider (which works great by the way) into an existing site that is table based. When I put the slider div into a table cell IE8 shows an error. "Invalid procedure call or argument" in jquery.min.js

    I've isolated it down so the page is only the table and the Nivo-Slider code, so I'm sure that's what it is.

    opened by robertjw-zz 12
  • Internet Explorer Animation Performance Degrading

    Internet Explorer Animation Performance Degrading

    Internet Explorer Animation Performance Degrading

    When the page first loads, performace is acceptable.

    After approximately 10 minutes using the boxRain effect at 5 second interval on my work computer. The effects becomes too slugish that it doesn't even render and skips to the next slide.

    If I let the nivo-slider continue to about 30 minutes, the browser becomes unresponse.

    This only happens on Internet explorer.

    Version: Nivo Slider 2.7.1 jQuery 1.7.1 Internet Explorer 9.0.8112.16421 64-bit

    Process tree analysis: After running the javascript profiler and investigating the process tree. The msMatchesSelector function call becomes more unresponsive as time goes on.

    After 20 seconds of nivo-slider activity – 13ms for 31 calls. After Approx 10 minutes of nivo-slider activity – 1.618 seconds for 31 calls.

    31 calls are made (for each tile boxRain animation, about 30 tiles?)

    Nivo -> Box rain animation -> JQuery -> Animation function -> matchesSelector function -> Native browser implementation (msMatchesSelector)

    If I disable the effects, the silder runs smoothly with no performance loss. eg. effect: ''

    In other browsers eg. chrome. The webkitMatchesSelector performance does not degrade over time.

    Also note the memory usage for Internet Explorer also increases to ridiculous amounts.

    opened by scottc 11
  • Freezing with multiple captions

    Freezing with multiple captions

    When I added a caption to every single slide, my slider begins to freeze. Here's an example: http://hoolyon.com/slider/demo/demo.html

    Has anyone else had this issue?

    opened by juliangav 10
  • Nobody find Nivo Slider has big performance issue ?!

    Nobody find Nivo Slider has big performance issue ?!

    You guys continue to be amazed by the popularity and success of the Nivo Slider and within the last 24 hours the jQuery plugin has reached the huge milestone of 2 million downloads! .....

    But you guys never found that even on your demo site, the Nivo Slider has big performance issue!

    Just go to http://demo.dev7studios.com/nivo-slider/, and see your CPU usage. It will come to at least 30% and STAY there. Someone point this is because the slider reloads the images each time they are displayed,that leads to a high amount of http requests when you keep your web page open.(http://support.dev7studios.com/discussions/nivo-slider-jquery-plugin/DH-924141)(http://postimg.org/image/pulc5phwt/)

    I don't know if it's the cause. I only know Nivo Slider has big performance issue, what ever windows system I use, what ever browser I use.

    yours, Ivan

    opened by ivanchains 6
  • boxRandom error

    boxRandom error

    Hye there at first sorry for my Bad English, i hope it's good enough to tell you my problem, where it think it's a bug ... I Included the Nivo-Slider in the Shop-Software xtc-commerce v1.05 modified, the slider works fine, when i define as example this "effect:'slideInLeft,sliceUpDownLeft,slideInRight'", but when i will use the as ex. the "boxRandom" Effect, all Picture's will not corret Displayed .... show this screen shot

    in Pic 1 you see when the Picture was "boxed In".... http://www.klebe-portal.de/temp/pic1.jpg in Pic 2 you see the Picture then Complete, but first if the next picture is "boxed In" .... http://www.klebe-portal.de/temp/pic1.jpg

    I hope you understand my Problem. Sincelly, Patrick.

    opened by MisterSonic 6
  • First Image Link not Updated

    First Image Link not Updated

    When you land on the page with the slider, if you have your images wrapped with links, if you hover the first slide before it changes you'lll see it has the wrong link.

    For example in your Demo Page http://nivo.dev7studios.com/demos/ If you check the second slider after you land on the page you'll see it has the link to the 4th image, when it should have the 1st Image Link.

    opened by greven 6
  • Initial Load

    Initial Load

    This is more of an annoyance factor then a bug and certainly make the tool unusable in my opinion. On the initial load when you do not have a cache you can see all the images loading over the top of each other. I think it should show just one image loading and if that is going to be to tricky then just do not show the gallery until the images have all been loaded.

    Thanks

    opened by SimonJak 6
  • FAILS IN JQUERY 1.6

    FAILS IN JQUERY 1.6

    Fails in JQUERY 1.6 on Line 95

    Fails: if(vars.currentImage.attr('title') != ''){ var title = vars.currentImage.attr('title');

    Fix: if(vars.currentImage.prop('title') != ''){ var title = vars.currentImage.prop('title');

    opened by DCarty 5
  • Strange vertical line issue happening in SOME ie machines?

    Strange vertical line issue happening in SOME ie machines?

    Hi there,

    Today I started getting complaints from a few folks in the department about vertical lines appearing on our nivo slider .. I can't replicate them in ANY browser or with ANY platform(well.. i've tried ff, chrome, ie8 in vista business, ie6 in xp-professional, and my android phone browser) .. but those getting them are using IE8 (IE version 8.0.6.001) and..

    they don't seem to be using any sort of ZOOM -

    here's an example of what they're seeing http://www.berrington.ca/Capture.jpg

    any help would be very much appreciated.. it's tough to 'fix' a 'problem' when I can't replicate it :-/

    cheers!

    St.

    opened by Stratus123 5
  • jquery conflict when I using jquery-2.1.1.min.js

    jquery conflict when I using jquery-2.1.1.min.js

    this may help someone, i presume this is just because of old code, Original code I had before I added bootstrap and it was using jquery 1.6.1

    Upgraded and using now jquery 2.1.1 but got a TypeError: $ is not a function error. Alot of googling I found a workaround fix.

    Fixed using

    opened by stefan1959 0
  • Add alt tag to main image

    Add alt tag to main image

    This adds the alt tag to the main image that is dynamically created.

    I also removed the processed file as it's a best practice now to let the user process that as needed.

    opened by KevinBatdorf 0
  • pauseTime and effect not taken into account - jquery 3.2.1

    pauseTime and effect not taken into account - jquery 3.2.1

    Hello, it appears that the pauseTime and effect cannot be controlled (maybe other parameters too), the default are taken instead. On jquery 3.2.1. No errors in the browser console, though. Regards

    opened by fprati 0
  • Missing Alt Attributes For Images Nivo-Slider Automatically Adds

    Missing Alt Attributes For Images Nivo-Slider Automatically Adds

    When I run a site audit with Google Lighthouse the slider image alt tags are missing (I receive an error in GL) even though they are included on my html page. Is it possible to add the alt attributes into the image tags nivo-slider automatically adds?

    opened by Jennnnn2 6
jQuery plugin that makes an image erasable (with mouse or touch movements)

jQuery.eraser v0.5.2 a jQuery plugin that makes an image erasable (with mouse or touch movements) This plugin replaces the targeted image by an intera

boblemarin 327 Oct 27, 2022
Unite Gallery - Responsive jQuery Image and Video Gallery Plugin. Aim to be the best gallery on the web on it's kind. See demo here:

##Unite Gallery - Responsive jQuery Gallery Plugin Product Link: unitegallery.net This gallery has commercial versions for: WordPress , Joomla! , Pres

Max Valiano 531 Oct 24, 2022
jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.

jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.

Jono Menz 3.2k Dec 30, 2022
:woman: Library for image processing

Lena.js Tiny library for image processing. Install via NPM npm install lena.js --save Install via yarn yarn add lena.js Run demo yarn demo Demo htt

Davidson Fellipe 558 Dec 28, 2022
Resize image in browser with high quality and high speed

pica - high quality image resize in browser Resize images in browser without pixelation and reasonably fast. Autoselect the best of available technolo

Nodeca 3.2k Dec 27, 2022
🌅 Content-aware image resizer based on Seam Carving algorithm

Content-aware image resizing might be applied when it comes to changing the image proportions (i.e. reducing the width while keeping the height) and when losing some parts of the image is not desirable.

Oleksii Trekhleb 1.4k Dec 30, 2022
A light wight javascript image viewing plugin with smooth animation and 0 dependence

A light wight javascript image viewing plugin with smooth animation and 0 dependence

null 50 Nov 12, 2022
ASP.NET Core image gallery with Marten, ImageSharp, and HTMX

Image Gallery This sample uses the following core technologies to deliver an image gallery experience: ASP.NET Core Marten ImageSharp.Web HTMX This al

Khalid Abuhakmeh 11 Feb 9, 2022
Get the first frame of a Gif image.

Get the first frame of a Gif image.

lijialiang 3 Apr 8, 2022
An image post-processing code library

WebGPU image filter Preview online 这是一个用来展示 webgpu 在图片处理方面应用的 demo,但由于 webgpu API 还不稳定,本地都需要经常修改 API 才能跟上金丝雀的脚步,所以本项目的效果目前也还不稳定,目前仅供学习交流。

kuake 4 Mar 8, 2022
A very barebones editor that supports clicking on any pixel in a JPEG image to see the 64 DCT coefficients that make up that 8x8 block

JPEG Sandbox This is a very barebones editor that supports clicking on any pixel in a JPEG image to see the 64 DCT coefficients that make up that 8x8

Omar Shehata 383 Jan 2, 2023
Doblar - a fully local image converter that runs in your browser

Doblar is a fully local image converter that runs in your browser. Doblar is purely client side: nothing is uploaded to a server or anything like that. All conversions take place in your browser, which means your files never leave your computer.

Armaan A 28 Dec 17, 2022
A simple image diff tool powered by avernakis.

Image Diff English | 简体中文 Introduction This is the tutorial project of Avernakis UI. Tiny, but production ready. Install Use npm as nam! (Node App Man

null 45 Dec 3, 2022
⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-cropper

Cropper A simple jQuery image cropping plugin. As of v4.0.0, the core code of Cropper is replaced with Cropper.js. Demo Cropper.js - JavaScript image

Fengyuan Chen 7.8k Dec 27, 2022
jQuery plugin that blows your visitors' retinas

Dense.js Homepage | Issues | Dense is a jQuery plugin for serving retina-ready, high pixel ratio images with ease. Small, ease-to-adapt, yet very cust

Jukka Svahn 212 Jun 30, 2022
A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.

jQuery GRIDDER 1.4.2 ======= A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images. We have all

Orion Gunning 455 Nov 6, 2022
jQuery plugin based on raphael.js that allows you to display dynamic vector maps

jQuery Mapael - Dynamic vector maps The complete documentation is available on Mapael website (repository: 'neveldo/mapael-documentation'). Additional

Vincent Brouté 1k Jan 5, 2023
A jquery plugin for comparing two images

jQuery Images Compare A jquery plugin for comparing two images Badges Features compatibility : ie9+ Effort to put appearance via css (easier to skin /

Sylvain Combes 49 Sep 5, 2022
DEPRECATED jQuery Responsive Carousel.

YEAH SO THIS IS PRETTY MUCH DEAD, DO YOURSELF A FAVOR AND SWITCH TO tiny-slider Owl Carousel 2 Touch enabled jQuery plugin that lets you create a beau

null 7.7k Jan 4, 2023