Что я могу тебе предложить.
Создаем папку js на файлом хостинге и грузим файлы.
Перед $BODY$ вставляем:
Код |
---|
<link media="screen" href="/js/slider.css" type="text/css" rel="stylesheet">
<script src="/js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: '/js/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
<div id="slider-top"></div>
<div id="sliderbg">
<div id="container">
<div id="example">
<img src="/js/new-ribbon.png" width="112" height="112" alt="New Ribbon" id="ribbon">
<div id="slides">
<div class="slides_container">
<a href="ссылка" title="Интересный фильм, нажми и посмотри подробнее!" target="_blank"><img src="/js/cover1.jpg" width="570" height="270" alt="Slide 1"></a>
<a href="ссылка" title="Интересный фильм, нажми и посмотри подробнее!" target="_blank"><img src="/js/slide-2.jpg" width="570" height="270" alt="Slide 2"></a>
<a href="ссылка" title="Интересный фильм, нажми и посмотри подробнее!" target="_blank"><img src="/js/slide-3.jpg" width="570" height="270" alt="Slide 3"></a>
<a href="ссылка" title="Интересный фильм, нажми и посмотри подробнее!" target="_blank"><img src="/js/slide-4.jpg" width="570" height="270" alt="Slide 4"></a>
<a href="ссылка" title="Интересный фильм, нажми и посмотри подробнее!" target="_blank"><img src="/js/slide-5.jpg" width="570" height="270" alt="Slide 5"></a>
<a href="ссылка" title="Интересный фильм, нажми и посмотри подробнее!" target="_blank"><img src="/js/slide-6.jpg" width="570" height="270" alt="Slide 6"></a>
<a href="ссылка" title="Интересный фильм, нажми и посмотри подробнее!" target="_blank"><img src="/js/slide-7.jpg" width="570" height="270" alt="Slide 7"></a>
</div>
<a href="#" class="prev"><img src="/js/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="/js/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div>
<img src="/img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
</div>
</div>
</div> |
Ну тут, все должно быть понятно, что прикрепляем скрипт, который залили на хостинг находится в папке js. Далее тут видно что вставляем контейнер определенного размера, в него уже подгружаются графические слайды.
Сама ссылка на файл скрипта
скачать.