[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивый Слайдер
gef Дата: Суббота, 19.11.2011, 09.56.49 | Сообщение # 1
Отличник
Сообщений: 170
-
+
Замечания: 0%
Отключен)


Установка:
В глобальном блоке DEMO все удаляем и ставим:
Code
<link rel="stylesheet" type="text/css" href="/css/sliderFuture.css" title="style1" media="screen" />   
   <div id="slideshow">   
        <!-- slide_img -->   
        <div id="slide_img" style="position: relative; overflow-x: hidden; overflow-y: hidden; ">   
        <!-- Image #1 -->   
        <div class="img" style="position: absolute; left: 0px; opacity: 1; z-index: 5; top: 234px; display: none; ">   
        <img src="/slider/slider.gif" width="940" height="228" alt=" ">   
        </div>   
        <!-- Image #2 -->   
        <div class="img" style="position: absolute; left: 0px; opacity: 1; width: 940px; height: 234px; z-index: 5; top: 234px; display: none; ">   
        <img src="/slider/slider2.gif" width="940" height="228" alt=" ">   
        </div>   
        <!-- Image #3 -->   
        <div class="img" style="position: absolute; left: 0px; opacity: 1; width: 940px; height: 234px; z-index: 5; top: 234px; display: none; ">   
        <img src="/slider/slider3.gif" width="940" height="228" alt=" ">   
        </div>   
        <!-- Image #4 -->   
        <div class="img" style="position: absolute; left: 0px; opacity: 1; width: 940px; height: 234px; z-index: 5; top: 234px; display: none; ">   
        <img src="/slider/slider4.gif" width="940" height="228" alt=" ">   
        </div>   
        <!-- Image #5 -->   
        <div class="img" style="position: absolute; z-index: 6; left: 0px; opacity: 1; width: 940px; top: 0px; height: 234px; display: block; ">   
        <img src="/slider/slider5.gif" width="940" height="228" alt=" ">   
        </div>   
        </div>   
        <!-- /slide_img -->   
        <!-- Названия картинок -->   
        <div id="slide_title" style="position: relative; overflow-x: hidden; overflow-y: hidden; ">   
        <div class="title" style="position: absolute; top: 0px; opacity: 1; z-index: 5; left: 613px; display: none; ">Ваш текст... Ваш текст...</div>   
        <div class="title" style="position: absolute; top: 0px; opacity: 1; height: 50px; width: 613px; z-index: 5; left: 613px; display: none; ">Текст...</div>   
        <div class="title" style="position: absolute; top: 0px; opacity: 1; height: 50px; width: 613px; z-index: 5; left: 613px; display: none; ">Ваш текст... Ваш текст...</div>   
        <div class="title" style="position: absolute; top: 0px; opacity: 1; height: 50px; width: 613px; z-index: 5; left: 613px; display: none; ">Текст...</div>   
        <div class="title" style="position: absolute; z-index: 6; top: 0px; opacity: 1; height: 50px; left: 0px; width: 613px; display: block; ">Ваш текст... Ваш текст...</div>   
        </div>   
        <!-- /Названия картинок -->   
        <!-- Меню слайдера -->   
        <div id="slide_nav">   
        <ul class="tab">   
        <li id="slide_nav_1">   
        <a href="#" id="goto1" class="">   
        <span class="dnone">1</span>   
        </a>   
        </li>   
        <li id="slide_nav_2">   
        <a href="#" id="goto2" class="">   
        <span class="dnone">2</span>   
        </a>   
        </li>   
        <li id="slide_nav_3">   
        <a href="#" id="goto3" class="">   
        <span class="dnone">3</span>   
        </a>   
        </li>   
        <li id="slide_nav_4">   
        <a href="#" id="goto4" class="">   
        <span class="dnone">4</span>   
        </a>   
        </li>   
        <li id="slide_nav_5">   
        <a href="#" id="goto5" class="current">   
        <span class="dnone">5</span>   
        </a>   
        </li>   
        </ul>   
        </div>   
        <!-- /Меню слайдера -->   
        <br class="clear">   
   </div>


На всех страницах сайта перед закрывающим тегом:
Code
</body>


Ставим:
Code
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>   
   <script type="text/javascript" src="/js/jquery.cycle.all.js"></script>   
   <script type="text/javascript" src="/js/jquery-easing-compatibility.1.2.js"></script>   
   <script type="text/javascript" src="/js/custom.js"></script>


Заливаем все файлы из архива в одноименные папки!
СКАЧАТЬ




Сообщение отредактировал
gef - Суббота, 19.11.2011, 09.56.55
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Новые темы
Популярные темы
Новые файлы
Новые пользователи
  • подарок выпускнику (0)

  • ХРУМЕР РУЛИТ)) (0)

  • заварочный чайник (0)

  • мебель панамар (0)

  • Где можно покупать фото волл? (0)

  • секс видеочат онлайн (0)

  • мужские сумки недорогие (1)

  • Оценка вашего сайта (3)

  • buy duetact. Purchase online. (0)

  • http://lider82.ru (0)

  • Угадай-ка Автомобиль (121)

  • Считаем до 10000 (68)

  • Игра бесконечное Слово (60)

  • Общение (46)

  • Ассоциации (44)

  • Игра: Сказка (33)

  • Самые прикольные ролики интернета! (27)

  • Конкурс для SEOшников (27)

  • Конкурс: Досчитаем до 100 и до 200 (24)

  • Шаблон (22)

  • Panda Free Antivirus 15.1.0 ru (Безопастность)

  • Kaspersky AVP Tool 15.0.19.0 (2015) rus (Безопастность)

  • Comodo Internet Security 8.1.0.4426 (2015) rus (Безопастность)

  • K-Lite Codec Pack 2015 (Мультимедия)

  • PC-Wizard 2015 (Мультимедия)

  • Realtek HD Audio R2.75 (2015) ru (Драйвера)

  • DirectX (2015) Rus (Драйвера)

  • NVIDIA Forceware 347.71 (Драйвера)

  • nCleaner 2.3.4 (Офис)

  • Adobe Reader XI 11.0.10 Rus (Офис)

  • GregoryOr

  • Darrener

  • skayei

  • Alexanabem

  • lepekNiz

  • Jmarapi

  • dollyuy4

  • ndukPob

  • BrandonVoge

  • lbenvoge

  • Загрузка...