Слайд шоу с прозрачными картинками

leto

Постоялец
Регистрация
17 Авг 2011
Сообщения
68
Реакции
4
Прошу помощи, есть слайд шоу с png картинками у которых прозрачный фон.
Когда начинается слад шоу , первая картинки показывается нормально, а вот дальше начинаются проблемы, вторая накладывается на первую но первая при этом не исчезает, а в связи с тем , что фон у картинки прозрачный, получается показываются две картинки одновременно.
Скрытое содержимое доступно для зарегистрированных пользователей!


На главной странице слайд шоу, про которое я говорю
 
строка 20 /plugins/jqueryslider/theme/polus/style.css
Код:
.nivoSlider a.nivo-imageLink {
  border: 0 none;
  display: none;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: -200;
}
и строка 18 /plugins/jqueryslider/theme/polus/style.css
Код:
.nivoSlider {
  overflow: hidden;
  position: relative;
}
 
  • Нравится
Реакции: leto
Подскажите, а как теперь сделать что бы картинка плавно затухала? а не рывком они менялись.
 
Почти сразу после слайдера ищите код и попробуйте менять параметр animSpeed
Код:
<script type="text/javascript">
 
$(window).load(function() {
$('#slider').nivoSlider({
effect:'fade', //Specify sets like: 'fold,fade,sliceDown,sliceUp,random'
slices:15,
animSpeed:0, //Slide transition speed <-- с этим параметром поиграйтесь
pauseTime:2000,
directionNav:1, //Next & Prev
directionNavHide:1, //Only show on hover
controlNav:1, //1,2,3...
keyboardNav:true, //Use left & right arrows
pauseOnHover:1, //Stop animation while hovering
captionOpacity:0.7 //Universal caption opacity
});
});
</script>
 
Если не вношу изменения переведенные выше в цсс, то у меня получается:
Показывает первую картинку, потом вторая накладывается на первую(при этом первая не исчезает), третья накладывается на вторую(при этом вторая не исчезает, а исчезает первая) .
Если же вношу , картинка миняется равком, не зависимо от animSpeed
 
Это конечно не решение, а вдруг :).
Почему png? Нафотошопить эти картинки с облаками (задним фоном) в jpg. По весу картинки без прозрачности весят по моему меньше.
 
так то оно проще, но надо через попу сделать :)
 
Назад
Сверху