Форум Сайтостроение Веб-строительство

слайдшоу в хэдере

12
piloto
На сайте с 01.12.2009
Offline
29
piloto
1698

помогите пожалуйста поставить слайд шоу на сайт как тут

я скопировал html код 

<div class="moduletable">

					 <noscript>

	 <div>ImageSlideShow requires Javascript</div>

 </noscript>







<ul id="briask-iss28" class="briask-iss" style="width:667px;height:261px"><li><img src="/images/stories/promo/1.gif" alt="An Image Slideshow" /></li><li><img src="/images/stories/promo/2.gif" alt="An Image Slideshow" /></li><li><img src="/images/stories/promo/3.gif" alt="An Image Slideshow" /></li><li><img src="/images/stories/promo/4.gif" alt="An Image Slideshow" /></li></ul>

<script type="text/javascript">

var briaskPics28 = [0];

var briaskInstance28 =

	new briaskISS(28,0,5000,50, briaskPics28);

</script>		</div>

скачал и подставил скрипт и css 

<link rel="stylesheet" href="modules/mod_briaskISS/mod_briaskISS.css" type="text/css" />

<script type="text/javascript" src="modules/mod_briaskISS.js"></script>

и вроде как слайд шоу получилось но только картинки не одна из другой появляется а появляется ниже.. вот

подскажите плиз, кто знает, что именно я сделал не правильно?

Хочешь изменить мир - Начни с себя!
LEOnidUKG
На сайте с 25.11.2006
Online
1774
LEOnidUKG
#1

А вы уверены, что вам это:

<script type="text/javascript" src="/media/system/js/mootools.js"></script>

<script type="text/javascript" src="/media/system/js/caption.js"></script>

не нужно подключать? )

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
piloto
На сайте с 01.12.2009
Offline
29
piloto
#2

я пробовал. эффект тот же.. поэтому за не надобностью их убрал..

Elizium
На сайте с 30.04.2010
Offline
80
Elizium
#3

Вот посмотрите на эту разработку, может пригодится - http://dhonishow.de/documentation

С ее помощью можете легко организовать подобный слайдер

piloto
На сайте с 01.12.2009
Offline
29
piloto
#4

Elizium, спасибо за подсказку, но что-то с этим сервисом я ещё больше запутался.. не получается и с его помощью настроить..

скачал архив, а там половина документов с ошибкой открывается у меня, да и в архиве нет тех скриптов и css файлов что нужно подкачивать в документ.. я пытался пошаманить, но что-то не получается ничего..

коллеги, подскажите плиз, кто разбирается, в чем моя ошибка из 1-го сообщения. или подскажите где ещё взять подобные штуки или сервисы.

спасибо.

Сервис подсчета скачиваний файлов BitCash.ru - Сочный конверт Не верят в архивы
C
На сайте с 04.02.2005
Offline
291
Chukcha
#5

ну так вы ж не все скопировали из стилей...

ul li img {
position:absolute;
left:0;
top:0;
}

и не забыть

ul {

position:relative;

}

piloto
На сайте с 01.12.2009
Offline
29
piloto
#6

Chukcha, спасибо! вы правы, не правильно был прописан адрес к css файлу.

теперь картинки друг на друга ложатся, НО всё равно, на испытуемом сайте скрипт работает не так как на сайте из примера.

картинки сменяются не плавно, а резко..

то есть насколько я понимаю картинки не лежат одна под другой, как хотелось бы, а выцветает первая и следующим кадром появляется вторая и д.т. за счет чего и получается этот скачёк..

может и с этим кто-нибудь подскажет как справится?

Как сделать редирект (301, Слэш в .htaccess Как правильно сделать?
C
На сайте с 04.02.2005
Offline
291
Chukcha
#7

Вы можете ПРАВИЛЬНО скопировать работающий скрипт и CSS?

Elizium
На сайте с 30.04.2010
Offline
80
Elizium
#8

piloto, тут есть инструкция по установче слайдера http://mindair.com/58/slider.php

piloto
На сайте с 01.12.2009
Offline
29
piloto
#9
Chukcha:
Вы можете ПРАВИЛЬНО скопировать работающий скрипт и CSS?

Chukcha, ну я вроде и сделал все правильно (как мне кажется).. скачал флешгетом css js файлы положил в папку, прописал к ним путь..

и в css файле который подкачивается тестовым документом, есть то о чём вы писали: 

 ul.briask-iss {position:relative;list-style:none;list-style-image:none;margin:0px auto;padding:0px;overflow:hidden;border:none;background:none;}

 ul.briask-iss li img {position:absolute;top:0;padding:0px;left:0;border:none;background:none;}

в том то и дело, что я вроде как всё сделал что нужно (вроде) а работает криво.. поэтому прошу помочь разобраться в чём моя ошибка. понимающему, да и со стороны то наверное видней будет.

Elizium:
piloto, тут есть инструкция по установче слайдера http://mindair.com/58/slider.php

Elizium, спасибо вам за участие и за помощь. но если честно мне этот слайдер не очень понравился и поэтому долго над ним бится не стал пока. попытался поставить по буржуйской инструкции, с первого раза не вышло и я пока решил оставить его на крайний случай.

я нашел другой слайдер поставил и всё заработало. НО есть нюансы, которые немного не устраивают, а именно при наведённой на слайдер мышке картинки не сменяются. это и смущает в нём, и по этой причине и хотелось бы всётаки понять, что я не докрутил в первом варианте.. который меня вполне устраивает.

Как найти и починить Платон Щукин про индексацию Google о том, стоит
C
На сайте с 04.02.2005
Offline
291
Chukcha
#10

Ошибка в том что Вы делаете это НЕВНИМАТЕЛЬНО.

Вкладываю пример - работает как на приведенном сайте.

Картинки свои подставьте

zip test2.zip
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий