Основан 26 Июля 2013 года
freehacks.ru fhacksnplmzxaaoo.onion
/images/banners/468x60_free.png
Показано с 1 по 3 из 3
  1. #1
    TopicStarter
    Заблокирован по собственному желанию
    Аватар для S3ct0r

    Статус
    Offline
    Регистрация
    30.03.2014
    Сообщений
    457
    Репутация
    202 + / -
    Другое

    jQuery - Слайдер

    Приветствую вас дорогие друзья! Многие задаются вопросом: "как организовать слайдер на сайте?" Да очень легко:

    код

    Код:
    jquery
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
      <script src="http://путь к скрипту на сервере"></script> 
       
      <script> 
      $("#slideshow").craftyslide(); 
      </script>
    
      Затем нам нужно установить стили слайдера, для этого вам нужно вставить этот код в таблицу стилей вашего шаблона: 
    
    #pagination li a.active { 
      background-position:0 10px; 
    } 
    
    .caption { 
      width:100%; 
      margin:0; 
      padding:10px; 
      position:absolute; 
      left:0; 
      font-family:Helvetica, Arial, sans-serif; 
      font-size:14px; 
      font-weight:lighter; 
      color:#fff; 
      border-top:1px solid #000; 
      background:rgba(0,0,0,0.6); 
    }
    
    Ну и напоследок нужно вывести данный слайдер на нужном нам месте, для этого установите этот код там где хотите видеть слайдер:
    
    <div id="slideshow"> 
      <ul> 
      <li> 
      <img src="Ссылка на картинку" alt="" title="Название картинки" /> 
      </li> 
       
      <li> 
      <img src="Ссылка на картинку" alt="" title="Название картинки" /> 
      </li> 
       
      <li>  
      <img src="Ссылка на картинку" alt="" title="Название картинки" /> 
      </li> 
       
      <li>  
      <img src="Ссылка на картинку" alt="" title="Название картинки" /> 
      </li> 
       
      <li>  
      <img src="Ссылка на картинку" alt="" title="Название картинки" /> 
      </li>  
      </ul> 
      </div>
    [свернуть]


    думаю тема актуальна, так как многие ищут ответ на этот вопрос...

    скачать скрипт: [Только зарегистрированные могут видеть это. ]

    Скрипт написан для портала ©FreeHacks
    Последний раз редактировалось S3ct0r; 11.03.2015 в 18:58.

  2. Пользователь сказал cпасибо:
  3. #2
    Аватар для Suicidemouse

    Статус
    Offline
    Регистрация
    02.12.2013
    Сообщений
    350
    Репутация
    149 + / -
    Безопасность
    На хабре недавано читал как раз про слайдер,был пример на jQuery и чистом JSю Раньше тоже все делал сам на php, но теперь заметил, что на все есть JQ плагин или библиотека, даже с сортировкой таблиц нынче можно не замарачиваться). То то так дохуя фрилансеров с лендинг-пейджами стало.
    «Вози кусты и героин, а то останешься рабом» © Буравчик

  4. #3
    Trust
    Аватар для ul1k317

    Статус
    Offline
    Регистрация
    26.08.2013
    Сообщений
    793
    Репутация
    397 + / -
    Web-программист
    Скрипт написан для портала ©FreeHacks
    Щито???


    Craftyslide
    Created by: Abid Din - [Только зарегистрированные могут видеть это. ]
    Version: 1.0
    Copyright: Crafted Pixelz
    License: MIT license
    Updated: 7th June 2011

    Я что-то не понял, ты что нам тут задвигаешь?
    Сомневаюсь что ты Abid Din.

Метки этой темы

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •  
Информация на сайте предоставлена исключительно в ознакомительных целях, использование знаний в противозаконных целях преследуется по закону! Администрация не несет ответственности за ваши деяния.