

Монтаж Слайдера
#1
Отправлено 20 Сентябрь 2016 - 23:22
#2
Отправлено 21 Сентябрь 2016 - 02:10
В файле flexslider.css найдите:
@font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.woff') format('woff'); font-weight: normal; font-style: normal; }
замените на:
@font-face { font-family: 'flexslider-icon'; src: url('/design/flexslider-icon.eot'); src: url('/design/flexslider-icon.woff') format('woff'); font-weight: normal; font-style: normal; }
#3
Отправлено 21 Сентябрь 2016 - 16:18
Замена кода не помогла, вместо стрелок навигации, так и выдаёт пустые квадратики..
Немного не понятно, зачем вставлять новый слайдер если у данной дизайн темы уже имеется таковой и необходимо было добавить свои изображения и текст по необходимости?
#4
Отправлено 21 Сентябрь 2016 - 18:08
Никита_Питер (21 Сентябрь 2016 - 16:18) писал:
Замена кода не помогла, вместо стрелок навигации, так и выдаёт пустые квадратики..
Немного не понятно, зачем вставлять новый слайдер если у данной дизайн темы уже имеется таковой и необходимо было добавить свои изображения и текст по необходимости?
В файле flexslider.css найдите блок
@font-face { font-family: 'flexslider-icon'; src: url('/design/flexslider-icon.eot'); src: url('/design/flexslider-icon.woff') format('woff'); font-weight: normal; font-style: normal; }и замените его на
@font-face { font-family: 'flexslider-icon'; src: url('http://sportladies.storeland.ru/design/flexslider-icon.eot'); src: url('http://sportladies.storeland.ru/design/flexslider-icon.woff') format('woff'); font-weight: normal; font-style: normal; }
#5
Отправлено 21 Сентябрь 2016 - 18:11
Никита_Питер (21 Сентябрь 2016 - 16:18) писал:
Замена кода не помогла, вместо стрелок навигации, так и выдаёт пустые квадратики..
Немного не понятно, зачем вставлять новый слайдер если у данной дизайн темы уже имеется таковой и необходимо было добавить свои изображения и текст по необходимости?
Что бы в Вашем слайдере отобразились стрелочки, найдите в файле flexslider.css
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; }
замените на
.flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 40px; display: inline-block; content: '\f053'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f054'; }
далее найдите в шаблоне HTML
<script> // Запуск слайдера $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); </script>замените на
<script> // Запуск слайдера $(window).load(function() { $('.flexslider').flexslider({ animation: "slide", prevText: "", nextText: "" }); }); </script>
#6
Отправлено 21 Сентябрь 2016 - 18:35

#7
Отправлено 22 Сентябрь 2016 - 03:58
.flex-direction-nav a.flex-next:before {content: '\f002';}
#10
Отправлено 29 Сентябрь 2016 - 18:48
Никита_Питер (29 Сентябрь 2016 - 18:02) писал:
<script> // Запуск слайдера $(window).load(function() { $('.flexslider').flexslider({ animation: "slide", prevText: "", nextText: "" }); }); </script>и замените на
<script> // Запуск слайдера $(window).load(function() { $('.flexslider').flexslider({ animation: "slide", controlNav: false, prevText: "", nextText: "" }); }); </script>
#11
Отправлено 30 Сентябрь 2016 - 21:25
#12
Отправлено 16 Октябрь 2016 - 14:52
#14
Отправлено 17 Октябрь 2016 - 08:22
#16
Отправлено 19 Октябрь 2016 - 16:59
Mr.Nito (17 Октябрь 2016 - 09:12) писал:
Найдите и удалите блок
// Эффект увеличения изображения $(window).load(function(){ $('#slideshow .slide').animate({scale: '1.1'}, 15000); });
После того как удалил на сайте возникает ошибка JS
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных