• Страница 1 из 1
  • 1
Слайдер - Countdown Image с помощью jQuery
z1MДата: Четверг, 02.12.2010, 18:37 | Сообщение # 1
Администратор.
Логин: z1M
Имя: Даниил
Сообщений: 1488
Награды: 5
Репутация: 137
Замечания:
Скриншот - http://s016.radikal.ru/i337/1011/01/7573520623d6.jpg

Установка:

После /head на нужных страницах вставляйте:

Code
<style type="text/css">    
    #featured { width: 565px; height: 290px; background: #009cff url('/images/loading.gif') no-repeat center center; overflow: hidden; }   
    </style>    
    <link rel="stylesheet" href="/css/orbit.css">   
    <style type="text/css">   
    .timer { display: none !important; }   
    div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }   
    </style>   
       
    <script type="text/javascript" src="/js/jquery.orbit.min.js"></script>    
       
    <script type="text/javascript">    
    $(window).load(function() {   
    $('#featured').orbit({   
    'bullets': true,   
    'timer' : true,   
    'animation' : 'horizontal-slide'   
    });   
    });   
    </script>

Следующий код в то место на странице, где будет размещаться сам слайдер:

Code
<div id="featured">    
    <img src="Ссылка на картинку" alt="Описание картинки" />    
    <img src="Ссылка на картинку" alt="Описание картинки" />    
    <img src="Ссылка на картинку" alt="Описание картинки" />    
    <img src="Ссылка на картинку" alt="Описание картинки" />    
    </div>


Мой сайт Gaming-up
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
LaiNeR Постов [ 3127 ]
Staistesap Постов [ 1545 ]
z1M Постов [ 1488 ]
Mooxyrep Постов [ 1145 ]
Pooniacact Постов [ 986 ]
KoreshoK Постов [ 644 ]
LonS Постов [ 585 ]
BIG_BOSS Постов [ 572 ]
DoZa Постов [ 564 ]
shooter Постов [ 468 ]
LonS Репутация [ 546 ]
LaiNeR Репутация [ 519 ]
Smofee Репутация [ 477 ]
СнAйПер Репутация [ 436 ]
MedeX Репутация [ 412 ]
TiPSy Репутация [ 300 ]
bleff Репутация [ 279 ]
-=SToRM=- Репутация [ 235 ]
A6c3Ht^ Репутация [ 225 ]
NoRD Репутация [ 210 ]
Общение [ 1309 ]
Считаем до 1 000 [ 664 ]
Поговорим обо всем :) (девушки, машины, личная жизнь и тд) [ 369 ]
Афоризмы (Не комментируйте) [ 301 ]
Играем в СЛОВА [ 187 ]
Конкурс "Угадай возраст". [ 183 ]
Конкурс "Угадай автомобиль" [ 110 ]
Предложения по сайту [ 97 ]
Набивка постов [ 80 ]
Обломай товарища [ 75 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Swatik [ 1 ]

Хостинг от uCoz | sitemap.xml | sitemap-forum.xml | sitemap-shop.xml | urllist.txt | |
PR-CY.ru