Проблемы с прозрачными изображениями в Nivo Slider
В одном из проектов я использовал Nivo Slider и столкнулся с такой проблемкой, как прозрачные изображения (png). То есть, при смене одного изображения на другое, у нас оставалось предыдущее… как бы наслоение предыдущего на следующее. К сути. Открываем файл jquery.nivo.slider.js и ищем кусок кода:
if(!nudge){ slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); } else { if(nudge == 'prev'){ slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); } if(nudge == 'next'){ slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); } }
Заменим его на:
if(!nudge){ slider.css('background','none'); } else { if(nudge == 'prev'){ slider.css('background','none'); } if(nudge == 'next'){ slider.css('background','none'); } }
И вуаля, смена картинок происходит так как мы и хотели 🙂
24 ноября, 2012 в 01:17|date at time
большое спасибо! очень помогли
26 ноября, 2012 в 09:39|date at time
Всегда рад помочь 🙂
4 апреля, 2013 в 10:32|date at time
Спасибо огромное! Мне очень необходимо было именно это решение! Признательна вам за этот совет!
8 апреля, 2013 в 17:28|date at time
Очень рад, что смог помочь 🙂
9 декабря, 2013 в 23:39|date at time
странно, но мне не помогло