Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.138.143.72
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Блок мы рекомендуем + информация о файле в Ajax
Сообщение оставлено 24.05.2010 в 16:08:46 | Сообщение #1

[Table]Более подробный пример работы скрипта можно увидеть на главной странцие

Так же блок автоматически переключает игры через определённое время, примерно 3 секунды

Установка упрощена, файлы для блока будут размещены на моём сайте xml и постеры

Вставьте данный код в любой блок, или место где вы хотите его видеть:[/Table]

Code
<script type="text/javascript" src="http://knifezone.ru/recommend/contentslider.js"></script>  
<link rel="stylesheet" type="text/css" href="http://knifezone.ru/recommend/contentslider.css">  
<center><div class="layer"><div id="game-mid"><div id="slider1" class="sliderwrapper">  
<div style="display: block; z-index: 8; opacity: 1.1; visibility: visible;" class="contentdiv">  
<center><a title="Скачать Prince of Persia" href="javascript://" onclick="openLayerB('Prince',0,'/recommend/ajax/Prince.xml','Prince of Persia',650,400,'1','','',0,'justify'); return false;"><img src="http://knifezone.ru/recommend/ajax/poster/prince.jpg" alt="" title="Скачать бесплатно Prince of Persia" height="300" width="200"></a></center></div>  
<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv">  
<center><a title="Скачать S.T.A.L.K.E.R. Золотое издание" href="javascript://" onclick="openLayerB('Stalker',0,'/recommend/ajax/stalker.xml','S.T.A.L.K.E.R. Золотое издание',650,400,'1','','',0,'justify'); return false;"><img src="http://knifezone.ru/recommend/ajax/poster/stalker.jpg" alt="" title="Скачать бесплатно S.T.A.L.K.E.R. Золотое издание" height="300" width="200"></a></center></div>  
<div style="display: none; z-index: 6; opacity: 1; visibility: visible;" class="contentdiv">  
<center><a title="Скачать Battlefield: Bad Company 2" href="javascript://" onclick="openLayerB('Battlefield',0,'/recommend/ajax/Battlefield.xml','Battlefield: Bad Company 2',650,400,'1','','',0,'justify'); return false;"><img src="http://knifezone.ru/recommend/ajax/poster/Battlefield.jpg" alt="" title="Скачать бесплатно Battlefield: Bad Company 2" height="300" width="200"></a></center></div>  
<div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv">  
<center><a title="Скачать Call of Duty 4: Modern Warfare" href="javascript://" onclick="openLayerB('CallofDuty',0,'/recommend/ajax/CallofDuty.xml','Call of Duty 4: Modern Warfare',650,400,'1','','',0,'justify'); return false;"><img src="http://knifezone.ru/recommend/ajax/poster/CallofDuty.jpg" alt="" title="Скачать бесплатно Call of Duty 4: Modern Warfare" height="300" width="200"></a></center></div>  
<div style="display: none; z-index: 4; opacity: 1.1; visibility: visible;" class="contentdiv">  
<center><a title="Скачать Dead Space Extraction" href="javascript://" onclick="openLayerB('DeadSpace',0,'/recommend/ajax/DeadSpace.xml','Dead Space Extraction',650,400,'1','','',0,'justify'); return false;"><img src="http://knifezone.ru/recommend/ajax/poster/DeadSpace.jpg" alt="" title="Скачать бесплатно Dead Space Extraction" height="300" width="200"></a></center></div>  
</div>  

<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.1],autorotate: [true, 5000],onChange: function(previndex, curindex){}})</script>

[Table]CSS[/Table]

Code
/* ���� � ��� ��� Тут ваш сайт */  

.sliderwrapper {  
position:relative;  
overflow:hidden;  
border:6px;  
width:174px;  
height:245px;  
}  

.sliderwrapper .contentdiv {  
visibility:hidden;  
position:absolute;  
left:0;  
top:0;  
width:174px;  
height:100%;  
filter:progid:DXImageTransform.Microsoft.alpha(opacity=56);  
-moz-opacity:1;  
opacity:1;  
}  

.pagination {  
width:174px;  
text-align:center;  
padding:5px 0;  
margin-top:4px;  
}  

.pagination a {  
padding:3px 5px;  
text-decoration:#0e93d7;  
color:#0e93d7;  
background:#1d1f19;  
}  

.pagination a:hover, .pagination a.selected {  
color:#1d1f19;  
background-color:#1d1f19;  
}

Скачать: Тык

 
 
   
Сообщение оставлено 25.05.2010 в 19:56:53 | Сообщение #2
bLoOm1k, спс
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика