CODEWITHSUNDEEP
javascriptslidernivo-slider
Tomas
Tomas

Reputation: 2726

No effects with nivoSlider

Nivo slider is working fine but does not do any effects.

Upvotes: -1

Views: 1568

Answers (2)

Musa
Musa

Reputation: 97717

Its a z-index problem, in nivo-slider.css:18

.nivoSlider img {
...
    z-index: 50;
}

This is covering up the animation, remove it and you'll see the transitions.

Upvotes: 3

Praveen Kumar Purushothaman
Praveen Kumar Purushothaman

Reputation: 167220

First thing, you need to give the <script> tags inside <head> tag.

<!-- Javascripts -->
<script src="http://ipmgroup.org/wp-content/themes/ipmgroup/scripts/jquery-1.7.1.min.js"></script>
<script src="http://ipmgroup.org/wp-content/themes/ipmgroup/scripts/jquery.nivo.slider.js"></script>    
<script src="http://ipmgroup.org/wp-content/themes/ipmgroup/scripts/ipm.main.js"></script>

Try changing it and check out. Finally, the CSS Part:

// Need more z-index from default
//Line Number 45!
.nivo-slice {z-index: 100;}
//Line Number 18!
.nivoSlider img {z-index: 10;}

Try this and it works! :)

Upvotes: 1

Related Questions