Нет эффектов с nivoSlider

Слайдер Nivo работает нормально, но не дает никаких эффектов.

Источник

2 ответа

Решение

Это проблема z-индекса, в nivo-slider.css:18

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

Это скрывает анимацию, удалите ее, и вы увидите переходы.

Источник

Во-первых, вам нужно дать <script> теги внутри <head> тег.

<!-- 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>

Попробуйте изменить его и проверьте. Наконец, CSS часть:

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

Попробуйте это, и это работает!:)

Источник
Другие вопросы по тегам