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

Тема в разделе "Верстка", создана пользователем leto, 12 мар 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. leto

    leto Постоялец

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


    На главной странице слайд шоу, про которое я говорю
     
  2. Avrora

    Avrora Постоялец

    Регистр.:
    12 фев 2010
    Сообщения:
    67
    Симпатии:
    47
    строка 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 нравится это.
  3. leto

    leto Постоялец

    Регистр.:
    17 авг 2011
    Сообщения:
    68
    Симпатии:
    4
    Подскажите, а как теперь сделать что бы картинка плавно затухала? а не рывком они менялись.
     
  4. Avrora

    Avrora Постоялец

    Регистр.:
    12 фев 2010
    Сообщения:
    67
    Симпатии:
    47
    Почти сразу после слайдера ищите код и попробуйте менять параметр 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>
     
  5. leto

    leto Постоялец

    Регистр.:
    17 авг 2011
    Сообщения:
    68
    Симпатии:
    4
    Если не вношу изменения переведенные выше в цсс, то у меня получается:
    Показывает первую картинку, потом вторая накладывается на первую(при этом первая не исчезает), третья накладывается на вторую(при этом вторая не исчезает, а исчезает первая) .
    Если же вношу , картинка миняется равком, не зависимо от animSpeed
     
  6. Avrora

    Avrora Постоялец

    Регистр.:
    12 фев 2010
    Сообщения:
    67
    Симпатии:
    47
    Это конечно не решение, а вдруг :).
    Почему png? Нафотошопить эти картинки с облаками (задним фоном) в jpg. По весу картинки без прозрачности весят по моему меньше.
     
  7. leto

    leto Постоялец

    Регистр.:
    17 авг 2011
    Сообщения:
    68
    Симпатии:
    4
    так то оно проще, но надо через попу сделать :)