Слейдер - Форум о uCoz

Новые сообщения · Правила форума · Поиск

Оставить отзыв · Пожаловаться · RSS

Страница 1 из 1
1

Слейдер (Рип слайдера)

Слейдер

CbIPoK Оффлайн

Проверенный

Дата: Четверг, 2015-06-18, 11:45 | Сообщение # 1

Рипнул мой первый скрипт, им оказался красивый слайдер с сайта "Электроный город"

Просмотреть работу Вы можете тут: Ссылка

Оцените работу.

Кому нужен код слайдера могу скинуть.

Профиль

MSerega Оффлайн

Проверенный

Дата: Четверг, 2015-06-18, 11:59 | Сообщение # 2

Цитата CbIPoK (

)

Кому нужен код слайдера могу скинуть.

Кто захочет тот рипнет у вас

Помог? Ставь

или поддержи проект.

Профиль

CbIPoK Оффлайн

Проверенный

Дата: Четверг, 2015-06-18, 12:17 | Сообщение # 3

Цитата MSerega (

)

Кто захочет тот рипнет у вас

Ну а смысл заморачиваться? Щас напишу код.

Добавлено (18.06.2015, 12:17)
---------------------------------------------

Код слайдера

HTML код

Код

JS код нужно подключить вставив следующий код рядом с слейдером.

Код

Этот код добавить в CSS

Код

.b-joys {
  position: relative;
  margin: 7px auto 0;
  width: 1000px;
  height: 350px;
  background: url('/images/bg_pr.png') no-repeat 0 0;
         background-color: #fff;
  z-index: 10;
         border: 8px solid #fff;
         border-radius: 10px;
}
  .b-joys .pr {
   position: absolute;
   top: 0;
   left: 0;
   width: 1000px;
   height: 350px;
   background: url('/images/bg_pr.png') no-repeat 0 0;
   overflow: hidden;
   z-index: 20;
  }
  .b-joys a.joys-link {
   position: absolute;
   top: 0;
   left: 0;
   width: 1000px;
   height: 350px;
   z-index: 30;
  }
  .b-joys .joys {
   width: 1000px;
   height: 350px;
   overflow: hidden;
  }
   .b-joys .joys ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 6000px;
    height: 350px;
   }
    .b-joys ul li {
     display: block;
     float: left;
     width: 1000px;
     height: 100%;
    }
     .b-joys ul li .joy-image {
      width:1000px;
      height:350px;
     }
  .b-joys .control {
   position: absolute;
   bottom: -55px;
   left: 50%;
   margin-left: -50px;
   width: 99px;
   height: 120px;
   background: url('/images/tumbler_sh_.png') no-repeat 0 0;
   z-index: 40;
  }
  .b-joys .tumbler {
   position: absolute;
   bottom: -36px;
   left: 50%;
   margin-left: -47px;
   width: 93px;
   height: 93px;
   background: url('/images/tumbler_krutilka_.png') no-repeat 0 0;
   cursor: pointer;
   z-index: 60;
  }
  .b-joys .points {
   position: absolute;
   bottom: -60px;
   left: 50%;
   margin-left: -65px;
   width: 129px;
   height: 45px;
   background: url('/images/tumbler_points.png') no-repeat 0 0;
   overflow: hidden;
   z-index: 50;
  }
  .business .b-joys .points {
   background-image: url('/images/tumbler_points_business.png');
  }
   .b-joys .points em {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;
   }
    .b-joys .points em.j0 {
     top: 0;
     left: 0;
    }
    .b-joys .points em.j1 {
     top: 23px;
     left: 17px;
    }
    .b-joys .points em.j2 {
     top: 34px;
     left: 45px;
    }
    .b-joys .points em.j3 {
     top: 34px;
     left: 74px;
    }
    .b-joys .points em.j4 {
     top: 23px;
     left: 100px;
    }
    .b-joys .points em.j5 {
     top: 0px;
     left: 120px;
    }

Чтобы всё работала скачать файлы и загрузите их на свой сайт Скачать

Профиль

MSerega Оффлайн

Проверенный

Дата: Четверг, 2015-06-18, 12:50 | Сообщение # 4

CbIPoK, вы хоть бы указали автора слайдера. Что бы ему не так обидно было что вы украли его код.

Помог? Ставь

или поддержи проект.

Профиль

exclusive37 Оффлайн

Проверенный

Дата: Четверг, 2015-06-18, 13:51 | Сообщение # 5

Цитата CbIPoK (

)

Оцените работу.

Честно, оценивать нечего, таких слайдеров полно для бесплатного скачивания. Если бы ты что то новенькое рипнул то даа.... А так могу предложить тебе рипнуть и адаптировать что то с joomla, вот там действительно можно найти что то новинькое и интересное meow