| KoManD | Дата: Понедельник, 20.06.2011, 15:06 | Сообщение # 1 |
Offline
Начинающий
Пользователи
| Сообщений: | 30 |
| Награды: | 0 |
| Замечания: | 0% |
|
Вот слайдер что надо сделать чтобы он сам перелистывался
<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; top: 0px; left: 0px; opacity: 1; display: block; z-index: 6">
<img src="/slider/slider.gif" width="940" height="228" alt=" ">
</div>
<!-- Image #2 -->
<div class="img" style="position: absolute; left: 0px; z-index: 4; display: none; top: 228px">
<img src="/slider/slider2.gif" width="940" height="228" alt=" ">
</div>
<!-- Image #3 -->
<div class="img" style="position: absolute; left: 0px; z-index: 3; display: none; top: 228px">
<img src="/slider/slider3.gif" width="940" height="228" alt=" ">
</div>
<!-- Image #4 -->
<div class="img" style="position: absolute; left: 0px; z-index: 2; display: none; top: 228px">
<img src="/slider/slider4.gif" width="940" height="228" alt=" ">
</div>
<!-- Image #5 -->
<div class="img" style="position: absolute; left: 0px; z-index: 1; display: none; top: 228px">
<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; left: 0px; opacity: 1; display: block; z-index: 6">Crysis 2</div>
<div class="title" style="position: absolute; top: 0px; z-index: 4; display: none; left: 653px">Dead Space 2</div>
<div class="title" style="position: absolute; top: 0px; z-index: 3; display: none; left: 653px">Starcraft 2</div>
<div class="title" style="position: absolute; top: 0px; z-index: 2; display: none; left: 653px">Need For Speed Shift</div>
<div class="title" style="position: absolute; top: 0px; z-index: 1; display: none; left: 653px">Dead Space</div>
</div>
<!-- /Названия картинок -->
<!-- Меню слайдера -->
<div id="slide_nav">
<ul class="tab">
<li id="slide_nav_1">
<a href="#" id="goto1" class="current">
<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="">
<span class="dnone">5</span>
</a>
</li>
</ul>
</div>
<!-- /Меню слайдера -->
<br class="clear">
</div>
|
| |
| |
