Перейти к содержимому


Добавление Шапки


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 49

#21 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 30 Октябрь 2013 - 10:33

Просмотр сообщенияVaccina (30 Октябрь 2013 - 03:02) писал:

На данный момент вроде проблем в отображении слайдера на вашем сайте нет. Попробуйте очистить кэш в вашем браузере. Так же лучше удалить класс из файла стилей main.css

.theme-default .nivoSlider {
max-height: 255px;
min-height: 255px;
}

а высоту слайдера в случае необходимости регулировать высотой изображений.

обратите внимание на переход с первой картинки на последующие..она дергается, а остальные ровно перелистываются. Если я удалю класс, то моя картинка при переходе на нее будет сужаться, а с нее-снова расширится...не знаю как проще еще объяснить)..может видео сделать?

#22 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 30 Октябрь 2013 - 11:00

Просмотр сообщенияProrock_Ugl (30 Октябрь 2013 - 10:33) писал:

обратите внимание на переход с первой картинки на последующие..она дергается, а остальные ровно перелистываются. Если я удалю класс, то моя картинка при переходе на нее будет сужаться, а с нее-снова расширится...не знаю как проще еще объяснить)..может видео сделать?

Код в nyvo.css -
.theme-default .nivoSlider {
max-height: 255px;
min-height: 255px;
}
замените на -
.theme-default .nivoSlider {
max-height: 255px;
min-height: 255px;
width: 720px !important;
}


#23 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 30 Октябрь 2013 - 11:05

Просмотр сообщенияmiyako (30 Октябрь 2013 - 11:00) писал:

Код в nyvo.css -
.theme-default .nivoSlider {
max-height: 255px;
min-height: 255px;
}
замените на -
.theme-default .nivoSlider {
max-height: 255px;
min-height: 255px;
width: 720px !important;
}

А там нет такого кода...

#24 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 30 Октябрь 2013 - 11:17

Просмотр сообщенияProrock_Ugl (30 Октябрь 2013 - 11:05) писал:

А там нет такого кода...
Здравствуйте, этот код находится в файле main.css

#25 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 30 Октябрь 2013 - 11:24

Просмотр сообщенияne_yana (30 Октябрь 2013 - 11:17) писал:

Здравствуйте, этот код находится в файле main.css

Заменил..все также((..может поискать другой скрипт слайдера?

Может что-то вроде этого попробовать?

http://jqscript.com/...y.html#more-274

или

http://pcvector.net/...ml#.UnDDE_nIY4g

#26 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 30 Октябрь 2013 - 13:41

Вообще то сейчас у вас слайдер нормально работает.
Попробуйте изменить немного код:
.theme-default .nivoSlider {
max-height: 255px;
min-height: 255px;
width: 720px !important;
}
Заменить:
.theme-default .nivoSlider {
height: 300px;
width: 720px !important;
}


#27 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 30 Октябрь 2013 - 14:08

Просмотр сообщенияKoderhan (30 Октябрь 2013 - 13:41) писал:

Вообще то сейчас у вас слайдер нормально работает.
Попробуйте изменить немного код:
.theme-default .nivoSlider {
max-height: 255px;
min-height: 255px;
width: 720px !important;
}
Заменить:
.theme-default .nivoSlider {
height: 300px;
width: 720px !important;
}

По мне, дак он работает совсем ненормально. Сейчас вставлю вместо стандартных одинаковые свои..Посмотрим что выйдет

Добавил свои картинки, у всех размер 600х255. Нормальной работой слайдера назвать можно с трудом!

#28 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 805 сообщений

Отправлено 31 Октябрь 2013 - 01:39

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

#29 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 31 Октябрь 2013 - 10:01

Просмотр сообщенияVaccina (31 Октябрь 2013 - 01:39) писал:

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

Здравствуйте. Браузер Google chrome Версия 30.0.1599.101 m . Проверил в IE, тоже самое. Проверил на firefox - тоже без изменений. Попробую еще раз описать, быть может вы просто не видите в этом проблемы)).

Я вставил вместо стандартных картинок свои, абсолютно одинаковые и по размеру и по содержанию, присвоив лишь им отличные друг от друга имена. При обновлении заглавной стрницы сайта клавишей F5 получаем следующую картину. Первый круг картинки перелистываются как надо, переходя с одной на другую с плавны эффектом "появления". На втором и последующих кругах слайдер ведет себя по другому. Картинки, начиная с первой, при переходе не следующую сужаются оставляя примерно сантиметр белого поля снизу..следующая появляется в полном размере и при перезоде снова сужается, оставляя бело поле и так каждый последующий переход..создается, как бы, эффект "икания"....блин, придется наверное видео делать))


Вот ссылка на скачивание видео-файла, там показано как у меня работает слайдер!

http://www.fayloobmennik.net/3321924

#30 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 805 сообщений

Отправлено 01 Ноябрь 2013 - 04:26

Да, проблему обнаружила. Видимо когда были установлены разные слайды проблема не так проявлялась. Попробуйте сделать следующее - в файле стилей nyvo.css найдите

.nivoSlider img {
	left: 0;
	position: absolute;
	top: 0;
}

и замените на

.nivoSlider img {
	left: 0;
	max-width: inherit;
	position: absolute;
	top: 0;
}


#31 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 01 Ноябрь 2013 - 11:21

Просмотр сообщенияVaccina (01 Ноябрь 2013 - 04:26) писал:

Да, проблему обнаружила. Видимо когда были установлены разные слайды проблема не так проявлялась. Попробуйте сделать следующее - в файле стилей nyvo.css найдите

.nivoSlider img {
left: 0;
position: absolute;
top: 0;
}

и замените на

.nivoSlider img {
left: 0;
max-width: inherit;
position: absolute;
top: 0;
}

Рад, что обнаружили...Проделал вышеуказанные действия, кс сожалению, не помогло!

#32 Stasya

Stasya

    Активный участник

  • Модераторы
  • 4 007 сообщений

Отправлено 01 Ноябрь 2013 - 14:47

Сейчас не вижу у Вас изменений в коде. Не могли бы Вы проделать их и оставить?

#33 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 04 Ноябрь 2013 - 15:00

Просмотр сообщенияStasya (01 Ноябрь 2013 - 14:47) писал:

Сейчас не вижу у Вас изменений в коде. Не могли бы Вы проделать их и оставить?

Проделал, оставил

#34 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 05 Ноябрь 2013 - 12:11

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:
.theme-default .nivoSlider {
height: 300px;
width: 720px !important;
}
Заменить:
.theme-default .nivoSlider {
height: 300px;
}

Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
.theme-default .nivoSlider {
max-height: 300px;
}



#35 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 05 Ноябрь 2013 - 21:32

Просмотр сообщенияKoderhan (05 Ноябрь 2013 - 12:11) писал:

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:
.theme-default .nivoSlider {
height: 300px;
width: 720px !important;
}
Заменить:
.theme-default .nivoSlider {
height: 300px;
}

Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
.theme-default .nivoSlider {
max-height: 300px;
}


Первый код заменил, последний у меня имеется. Без результата!

#36 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 805 сообщений

Отправлено 06 Ноябрь 2013 - 03:54

К сожалению не понятно что так может влиять на слайдер. Попробуйте временно отключить "снег" на вашем сайте. Если предположение что проблема может появляться из-за него, так как подобные скрипты сильно замедляют остальную работу javascript'a на странице. Найдите и временно удалите код в шаблоне "HTML"

<script type="text/javascript">
imageDir = "http://mvcreative.ru/example/6/2/snow/";
sflakesMax = 65;
sflakesMaxActive = 65;
svMaxX = 2;
svMaxY = 6;
ssnowStick = 1;
ssnowCollect = 0;
sfollowMouse = 1;
sflakeBottom = 0;
susePNG = 1;
sflakeTypes = 5;
sflakeWidth = 15;
sflakeHeight = 15;
</script>
<script type="text/javascript" src="http://mvcreative.ru/example/6/2/snow.js"></script>

после проверьте результат.

#37 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 06 Ноябрь 2013 - 10:22

Просмотр сообщенияVaccina (06 Ноябрь 2013 - 03:54) писал:

К сожалению не понятно что так может влиять на слайдер. Попробуйте временно отключить "снег" на вашем сайте. Если предположение что проблема может появляться из-за него, так как подобные скрипты сильно замедляют остальную работу javascript'a на странице. Найдите и временно удалите код в шаблоне "HTML"

<script type="text/javascript">
imageDir = "http://mvcreative.ru/example/6/2/snow/";
sflakesMax = 65;
sflakesMaxActive = 65;
svMaxX = 2;
svMaxY = 6;
ssnowStick = 1;
ssnowCollect = 0;
sfollowMouse = 1;
sflakeBottom = 0;
susePNG = 1;
sflakeTypes = 5;
sflakeWidth = 15;
sflakeHeight = 15;
</script>
<script type="text/javascript" src="http://mvcreative.ru/example/6/2/snow.js"></script>

после проверьте результат.

Спасибо, но проблема появилась раньше, чем снег((

Может всетаки попробовать другой скрипт слайдера? Поможете поставить?

#38 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 805 сообщений

Отправлено 07 Ноябрь 2013 - 03:24

Попробуйте тогда использовать другой слайдер, раз с этим возникают такие проблемы. Что-то конкретное посоветовать вам не могу. Вы можете выбрать понравившийся вам слайдер например тут http://yeap.narod.ru/js/022.html

#39 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 14 Ноябрь 2013 - 20:44

Просмотр сообщенияVaccina (07 Ноябрь 2013 - 03:24) писал:

Попробуйте тогда использовать другой слайдер, раз с этим возникают такие проблемы. Что-то конкретное посоветовать вам не могу. Вы можете выбрать понравившийся вам слайдер например тут http://yeap.narod.ru/js/022.html

Здравствуйте. Выбрал по Вашей ссылке, как вариант, первый слайд "SlideJS". Опишите, пожалуйста алгоритм, как его поставить, соответственно вместо прежнего!

#40 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 805 сообщений

Отправлено 15 Ноябрь 2013 - 02:30

Данный слайдер устанавливается аналогично. Вам необходимо загрузить все файлы слайдера в раздел редактора тем, а именно файл slides.min.jquery.js и изображения. Файл стилей css загружать не нужно. После этого замените подключение файла jquery.nivo.slider.pack.js на файл slides.min.jquery.js в шаблоне "HTML" это тег <script>. Далее в ваш файл стилей main.css добавьте стили

/*
Slideshow
*/
#slides {
position:absolute;
top:15px;
left:4px;
z-index:100;
}
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
.slides_container {
width:570px;
overflow:hidden;
position:relative;
display:none;
}
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container a {
width:570px;
height:270px;
display:block;
}
/*
Next/prev buttons
*/
#slides .next,#slides .prev {
position:absolute;
top:107px;
left:-39px;
width:24px;
height:43px;
display:block;
z-index:101;
}
#slides .next {
left:585px;
}
/*
Pagination
*/
.pagination {
margin:26px auto 0;
width:100px;
}
.pagination li {
float:left;
margin:0 1px;
list-style:none;
}
.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-image:url("{ASSETS_IMAGES_PATH}pagination.png");
background-position:0 0;
float:left;
overflow:hidden;
}
.pagination li.current a {
background-position:0 -12px;
}

после этого найдите в шаблоне "HTML" код активации слайдера

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({effect: 'fade'}).parent().show();});
</script>

и замените его на

<script type="text/javascript">
$(function(){
   $('#slider').slides({
	preload: true,
	preloadImage: '{ASSETS_IMAGES_PATH}loading.gif',
	play: 5000,
	pause: 2500,
	hoverPause: true
   });
  });
</script>

После найдите HTML код слайдера

<div class="theme-default" style="padding: 1em; display: none;">

<div id="slider">
<img  src="{ASSETS_IMAGES_PATH}для слайдера_лого.jpg" alt="" />
<img  src="{ASSETS_IMAGES_PATH}для слайдера_лого2.jpg" alt="" />
<img  src="{ASSETS_IMAGES_PATH}для слайдера_лого3.jpg" alt="" />
<img  src="{ASSETS_IMAGES_PATH}для слайдера_лого4.jpg" alt="" />
</div>
</div>

и замените его на

<div id="slider">
<div class="slides_container">
  <a href="#"><img src="{ASSETS_IMAGES_PATH}для слайдера_лого.jpg" alt="" /></a>
  <a href="#"><img src="{ASSETS_IMAGES_PATH}для слайдера_лого2.jpg" alt="" /></a>
  <a href="#"><img src="{ASSETS_IMAGES_PATH}для слайдера_лого3.jpg" alt="" /></a>
  <a href="#"><img src="{ASSETS_IMAGES_PATH}для слайдера_лого4.jpg" alt="" /> </a>
</div>
<a href="#" class="prev"><img src="{ASSETS_IMAGES_PATH}arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="{ASSETS_IMAGES_PATH}arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div>





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных