Приветствую Вас Гость

Bнимение!Сайт переехал Asler.net

Гость


Группа: Гости
Время:03:37

Гость, я приветствую Вас. Пожалуйста зарегистрируйтесь или авторизуйтесь, т.к. то,что вы ищите,возможно скачать или увидеть только авторизированным посетителям!

Z422079927349
R903678725403
410011126719528





Онлайн всего: 1
Гостей: 1
Пользователей: 0
 Каталог файлов 
Главная » Файлы » Скрипты » Скрипты для UCoz
Скрипт- Меняющиеся картинки
12.06.2011, 14:59
                                              
       
       
       
      
      
      
      
      
      
      
      
         
       
       
       
              
       



1. Скачайте и загрузите к себе java script прописав новый путь. (выделено красным)
2. Укажите путь к своим картинкам. (выделено синим)
3. Так же поменяйте ссылки на Ваши (выделено желтым)
4. Интервал времени показа 3000-это 3 секунды (выделено серым)
5. Скорость появления картинки. (поставьте к примеру 0.1,испытайте, а потом 0.01 ,чтобы понять разницу) (выделено белым)

Этот код вставляется там, где бы Вы хотели видеть слайдер.      

<script type="text/javascript" src="http://asler.at.ua/Scripts/slider.js"></script>
      <table cellpadding="0" cellspacing="0" border="0" width="100%">
      <tr>
      <td>
      <div class="layer" align="center">
      <div id="game-mid"><div id="slider1" class="sliderwrapper">
      <div class="contentdiv"><a href="http://asler.at.ua"><img src="http://asler.at.ua/images-slider/1.jpg"></a></div>
      <div class="contentdiv"><a href="http://asler.at.ua"><img src="http://asler.at.ua/images-slider/2.jpg"></a></div>
      <div class="contentdiv"><a href="http://asler.at.ua"><img src="http://asler.at.ua/images-slider/3.jpg"></a></div>
      <div class="contentdiv"><a href="http://asler.at.ua"><img src="http://asler.at.ua/images-slider/4.jpg"></a></div>
      <div class="contentdiv"><a href="http://asler.at.ua"><img src="http://asler.at.ua/images-slider/5.jpg"></a></div>
      <div class="contentdiv"><a href="http://asler.at.ua"><img src="http://asler.at.ua/images-slider/6.jpg"></a></div>
      <div class="contentdiv"><a href="http://asler.at.ua"><img src="http://asler.at.ua/images-slider/7.jpg"></a></div>
      <div class="contentdiv"><a href="http://asler.at.ua"><img src="http://asler.at.ua/images-slider/8.jpg"></a></div>
      <div class="contentdiv"><a href="http://asler.at.ua"><img src="http://asler.at.ua/images-slider/9.gif"></a></div>    
      </div>
      </div>
      </div>
      <div style="display: none;"><div id="paginate-slider1" class="pagination"></div>
      <script type="text/javascript">featuredcontentslider.init({id: "slider1",contentsource: ["inline", ""],toc: "#increment",nextprev: ["", ""],revealtype: "click",enablefade: [true, 0.05],autorotate: [true, 3000],onChange: function(previndex, curindex){}})</script>
      </div>
      </td>
             
      </tr>
    </table>
        
Не забываем вставить этот код в общий файл CSS

Все картинки должны быть одинаковые по ширине и высоте и пропишите их размеры (выделено красным)

/* Slaider */
      .sliderwrapper {
      position:relative;
      overflow:hidden;
      border:6px;
      width:350px;
      height:350px;
      }
      
      .sliderwrapper .contentdiv {
      visibility:hidden;
      position:absolute;
      left:0;
      top:0;
      width:350px;
      height:100%;
      filter:progid:DXImageTransform.Microsoft.alpha(opacity=56);
      -moz-opacity:1;
      opacity:1;
      }
      
      .pagination {
      width:716px;
      text-align:center;
      padding:5px 0;
      margin-top:4px;
      }
      
      .pagination a {
      padding:3px 5px;
      text-decoration:#cccccc;
      font-weight: bold;
      color:#707070;
      background:#494949;
      }
      
      .pagination a:hover, .pagination a.selected {
      color:#cccccc;
      font-weight: bold;
      background-color:#494949;
      }
      /* ------- */
      
    .text {text-shadow:0px 1px 0px #fff}

[ Для скачивания файлов необходима регистрация или авторизация ]
Категория: Скрипты для UCoz | Добавил: Admin
Просмотров: 24377 | Загрузок: 214 | Комментарии: 20 | Рейтинг: 4.3/6
Всего комментариев: 201 2 »

Надька

Здравствуйте. чего- то не получается у меня. все по инструкции сделала, все сохранилось, а там где должны быть слайды- просто пустое место.
Добавлен: 22.09.2015
<

RU02027876

Cпасибо огромное! Отличный слайд. Наконец-то нашла то что искала очень долго. Даже картинки подогнала под свой размер. СПАСИБО! biggrin
Добавлен: 04.03.2014
<

А у меня тоже всё отлично работает, а вот стрелочки так и не смог добавить.. где скачать исходники??
Добавлен: 24.03.2013

Читайте коммент ниже. Стрелочек здесь нет. Перейдите сюда:
http://asler.net/yrok-16-Slayder_izobrajeniy
<

Struggle

Ясно, тогда спасибо еще раз больше за скрипт)
Добавлен: 18.02.2013
<

Struggle

Все сделал, все отлично, но есть проблема: нет стрелок как на примере. Можете помочь? Так за скрипт спасибо.
Добавлен: 16.02.2013

Эти стрелки не должны быть здесь. Видимо где то что то пересеклось с этим.  Так, что и проблемки вроде и нет))).  Я кое что подправил. Просмотреть и скачать исходники можно тут.
<

bullka

Скажите куда скидывать скрипт на компьютер или сливать на какой-нибудь хост
Добавлен: 06.12.2012

??? На свой сервер через файл-менеджер или через ftp-клиент.
Можно не скачивая скрипт, оставить в коде мою ссылку на него.
<

Подскажите, как выводить слайдер только на главной странице?
Добавлен: 11.11.2012

Дайте ссылочку на Ваш сайт
<

Alexkmc

Здравствуйте. Подскажите пожалуйста, установил я скрипт по инструкции, первый круг картинок показывает как положено, а на следующем уже нет плавных переходов.
То есть появилась картинка, потом не исчезнув под ней появляется другая, потом исчезает первая и вторая ее покрывает
Добавлен: 17.04.2012

Как видите у меня он работает стабильно.. и как писал в комментарии ниже,скрипт создан не мной, к сожалению тут Вам помочь не смогу. Возможно у Вас используется подобный на сайте? В этом случае они могут конфликтовать.
<

lexx324

Спасибо, давно искал!
А можно изменить способ смены картики?
Добавлен: 31.03.2012

Алексей,способ изменить можно только переписав скрипт, его писал не я. так,что ищите другой.)))
<

Abel9

Извиняюсь может я что-то неправильно делаю...
Ну вот скачал ява скрипт загрузил в папку скрипт на сайте
Скопировал код в верхний глоб. блок, заменив ссылки на свои
CSS скопировал заменил разрешение на 403х302
Потом скинул картинки и запустил сайт
В итоге у меня вместо слайдера черный экран в верхнем блоке(
Помоги автор пожалуйста cry
Добавлен: 26.03.2012

Скрипт рабочий,и в даный момент он виден над текстом,правда с размерами не колдовал,но и так видно,что все в поряде... тут дело только в правильном прописании путей к картинкам и скрипту,будьте внимательны. удачи.
<
1-10 11-20
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]















Поиск
Категории раздела
Скрипты для UCoz [10]
Copyright MyCorp © 2024