1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Слайд шоу с прозрачными картинками

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем lletol, 12 мар 2013.

  1. lletol

    lletol

    Регистрация:
    14 фев 2013
    Сообщения:
    106
    Симпатии:
    30
    Прошу помощи, есть слайд шоу с png картинками у которых прозрачный фон.
    Когда начинается слад шоу , первая картинки показывается нормально, а вот дальше начинаются проблемы, вторая накладывается на первую но первая при этом не исчезает, а в связи с тем , что фон у картинки прозрачный, получается показываются две картинки одновременно.
     
  2. alex_storm

    alex_storm webdev

    Регистрация:
    11 дек 2012
    Сообщения:
    1.151
    Симпатии:
    667
    Ссылку в студию,
     
  3. lletol

    lletol

    Регистрация:
    14 фев 2013
    Сообщения:
    106
    Симпатии:
    30
    сайт пока на локальном компе , могу картинку скинуть, но врядли наверно поможет :smile: сейчас попытаюсь залить на сервер :smile:
    --- добавлено: 12 мар 2013 в 20:20 ---

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

    lletol

    Регистрация:
    14 фев 2013
    Сообщения:
    106
    Симпатии:
    30
    Решение вроде найдено.

    строка 18 /plugins/jqueryslider/theme/polus/style.css
    Код:
    .nivoSlider {
      overflow: hidden;
      position: relative;
    }
    
    строка 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;
    }
    
     
  5. lletol

    lletol

    Регистрация:
    14 фев 2013
    Сообщения:
    106
    Симпатии:
    30
    Подскажите, а как теперь сделать что бы картинка плавно затухала? а не рывком они менялись.
     
  6. alex_storm

    alex_storm webdev

    Регистрация:
    11 дек 2012
    Сообщения:
    1.151
    Симпатии:
    667
    Есть вот такая штука:
    -webkit-transition: ;
    -moz-transition:;
    -ms-transition: ;
    -o-transition: ;
    transition: ;

    И статья к этой теме по настройке - http://habrahabr.ru/post/111658/
     
  7. sitecreator

    sitecreator

    Регистрация:
    1 фев 2013
    Сообщения:
    291
    Симпатии:
    65
    Не понимаю, неужели нельзя убрать прозрачный фон у картинок прежде чем их заливать в слайдер?
    добавьте любой фон к самой картинке.
     
  8. alex_storm

    alex_storm webdev

    Регистрация:
    11 дек 2012
    Сообщения:
    1.151
    Симпатии:
    667
    Плавное затухание вверху написано, а не прозрачность.