Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Слайдер jquery (https://javascript.ru/forum/jquery/71098-slajjder-jquery.html)

Сергей14 25.10.2017 22:15

Слайдер jquery
 
Доброго времени суток дорогие друзья. Помогите пожалуйста решить проблему. Я сделал слайдер в программе Amazing Slider 6.6 подключил его на сайт в шапку blogger все работает только одна причина пр наведении на слайдер не всплывают стрелочки в лево и в право в чем причина?

Белый шум 26.10.2017 14:05

Это игра "угадай причину"? А призы какие? :)

ksa 26.10.2017 14:43

Цитата:

Ты - моя женщина,
Я - твой мужчина.
Если надо причину,
То это причина.
https://www.gl5.ru/nautilus-pompilius-kazanova.html

Nexus 26.10.2017 14:52

Цитата:

Сообщение от Сергей14
в чем причина

Стрелочек либо нет на странице, либо они скрыты, либо для них отсутствуют корректные css свойства.

Сергей14 26.10.2017 16:00

Друзья я все подготовлю и скину. Вся суть в том что я не могу вам придоставить код по тому как подключаю слайдер jquery. Я сделаю шапку в тестовом blogger и выложу ссылку. Вот кот slider.html
[js]
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>Amazing Slider</title>

<!-- Insert to your webpage before the </head> -->
<script src="https://sites.google.com/site/simpleslider123/anythingslider1/js/jquery.js"></script>
<script src="https://sites.google.com/site/simpleslider123/anythingslider1/js/amazingslider.js"></script>
<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/simpleslider123/anythingslider1/css/amazingslider-1.css">
<script src="https://sites.google.com/site/simpleslider123/anythingslider1/js/initslider-1.js"></script>
<!-- End of head section HTML codes -->

</head>
<body>

<!-- Insert to your webpage where you want to display the slider -->
<div id="amazingslider-wrapper-1" style="display:block;position:relative;max-width:900px;margin:0px auto 0px;">
<div id="amazingslider-1" style="display:block;position:relative;margin:0 auto;">
<ul class="amazingslider-slides" style="display:none;">
<li><img src="https://sites.google.com/site/simpleslider123/imagesforslider/510511451-800x300.jpg" alt="Водяные лилии" title="Водяные лилии" />
</li>
<li><img src="https://sites.google.com/site/simpleslider123/imagesforslider/Dscn7471_sunset-sundog_crop_800x300.jpg" alt="Голубые холмы" title="Голубые холмы" />
</li>
<li><img src="https://sites.google.com/site/simpleslider123/imagesforslider/images.jpg" alt="Закат" title="Закат" />
</li>
<li><img src="https://sites.google.com/site/simpleslider123/imagesforslider/Dscn7471_sunset-sundog_crop_800x300.jpg" title="Зима" />
</li>
</ul>
</div>
</div>
<!-- End of body section HTML codes -->

</body>
</html>
[ /js]

Nexus 26.10.2017 16:14

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Сергей14 26.10.2017 16:43

вот как я сделал

https://drive.google.com/file/d/0Bz7...ew?usp=sharing

https://drive.google.com/file/d/0Bz7...ew?usp=sharing

вот сам слайдер https://drive.google.com/file/d/0Bz7...ew?usp=sharing

И вот что получилось на сайте
https://slider-jquery1.blogspot.com/

Nexus 26.10.2017 16:59

Сергей14, у вас изображения стрелок просто отсутствуют на сервере.
Смотрите консоль.

Сергей14 26.10.2017 17:04

Так а их надо подключать или просто их залить на сервер?

Dilettante_Pro 26.10.2017 17:08

Залить на сервер вот сюда
Код:

https://sites.google.com/site/simpleslider123/anythingslider1/js/arrows-32-32-0.png
В скриптах стрелки вполне прописаны и работают, только не видны из-за отсутствия картинок


Часовой пояс GMT +3, время: 04:33.