Setting up the Nivo Slider - Part 1 - Setup

This is a tutorial on how to setup the Nivo Slider. Part 2 on how to style the Nivo slider will be up soon :D I'm sorry about the quality of this tutorial, the next one WILL be in HD :D

Thanks for watching!
Like. Favourite. Subscribe!

Links:

jQuery: http://docs.jquery.com/Downloading_jQuery#Download_jQuery
Nivo Slider: http://nivo.dev7studios.com/

Category:

Howto & Style

Tags:

• Nivo
• Slider
• jQuery
• CSS
• HTML
• Setup
• Setting up
• Tutorial
• tutorials
• how to
• howto
• web design
• web development
• ninja
• graphics software
• custom
• computers
• technology
• laptops
• programs
• fireworks
• tips & tricks
• diy
• commentary
• instructions
• downloads
• marketing
• help

[cooldevansh1]

i got a problem my caption is black in color and i m not able to see it

helppp

[LionArtMedia]

@cooldevansh1 Well if it's not the htmlcaption, then under ".nivo-caption" in your CSS, change "color" from whatever it is, or if it's not there put it in, to "color: #fff; ".

If it's the html caption, add in "color: #fff; " to your ".nivo-html-caption" section of your css.

Hope this helped. :)

[1chomps]

would be great if you have t he html code and provided so we just have to change our image thought a little help for the dummies like me pls or could you pls email me the code? pls just for the simple slide thanks in advance

[LionArtMedia]

@1chomps I'll set up a forum on my hosting company website and provide all tutorials on there with source code. Subscribe for when I do more! :D

[GVCymru]

Dude, the quality is fine. Very helpful. When will part 2 be online?

[LionArtMedia]

@GVCymru uploading now! subscribe if you want to keep up to date with my tutorials :D a LOT more to come!

[GrinahStones]

Many thanks mate!, a very clear tutorial. Just trying to learn this jquery stuff, and this has helped a lot. Thanks again.

[jibo111]

thank you for your help, that's what i needed

[YourAverageHippie321]

I did exactly what you did but for some reason, my jquery never works. Do you know why?

[osamah014]

it is great job from u , but i have question , i did not get when u used css style sheet , i mean from which point u copied from css style sheet .

thanx a lot 

[dogfeeder911]

I have followed the tutorial and double checked everything, but not matter what I do, my banner will only display the loading symbol. I have the "$(window).load" function right underneath the "script src="/jquery.nivo.slider.pack.­js"" There must be something else wrong?

[romavikt]

thaks good tutorial!

[bydomenica]

@muco222 I get the same result as you. :/ any help would be nice.

[muco222]

Hey could someone help me...Idk why but my slider would not run, I have pu there the script tag as is done in this video at the end but it wont run. Only thing I can see is the loading gif image....Help please

[Nephil2012]

Hi guys I've recently added the nivo slider to my website and it was working very well until I tried to add a adsense ad.

when I inserted the ad the slider just stopped working. The ad is working fine but the slider just displays the loading.gif image.

Does anyone know what causes this problem and how to fix it?