Сообщений в теме: 33

[Andrew S.]

Помогите, пожалуйста, сделать слайдер квадратной формы, как на главной странице, только тут:


Можно его сделать на основе существующего слайдера?

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

Сообщение отредактировал Andrew S.: 31 Март 2014 - 11:15

[MikDark]

Попробуйте сделать по инструкции http://forum.storela...3-два-слайдера/

Только код стайдера ставить в шаблон HTML перед строками:

{% FOR menu %}
				{% FOR footer %}
				  <div class="menu_main">
					<a class="link_nav" title="Разделы сайта">Разделы сайта</a>

Размеры будут большие, как установите, дополнительно напишите нам, мы подкорректируем размеры

[Andrew S.]

MikDark (31 Март 2014 - 11:39) писал:

Попробуйте сделать по инструкции http://forum.storela...3-два-слайдера/

Только код стайдера ставить в шаблон HTML перед строками:

{% FOR menu %}
{% FOR footer %}
<div class="menu_main">
<a class="link_nav" title="Разделы сайта">Разделы сайта</a>

Размеры будут большие, как установите, дополнительно напишите нам, мы подкорректируем размеры

Ничего не понял я по той ссылке. Первый слайдер исчез. Пробовал и цифру 2 добавлять - не помогло. Сайт уполз вниз.

Я тут залил еще параллельно 2 копии файлов. Может, они помогут сделать размеры лучше или ещё что:
nyvo2.css
jquery.nivo.slider.pack2.js
Можно сделать так, чтобы слайдер грузился из этих файлов?

Поместил в начале HTML:

<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo2.css" type="text/css" media="screen" />
&lt;script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack2.js"></script>

Поместил код туда куда вы сказали, такой, убрал из кода условие:

<!-- Nyvo слайдер который отображается на всех страницах -->
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="{ASSETS_IMAGES_PATH}Small slider 01.png" alt="" />
<img src="{ASSETS_IMAGES_PATH}Small slider 02.png" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
&lt;script type="text/javascript">
$(window).load(function() {
$('#slider2').nivoSlider({
effect: 'fade', //fold, fade, sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpDown sliceUpDownLeft random slideInRight slideInLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse
slices: 1, // For slice animations
animSpeed: 1500, // Slide transition speed
pauseTime: 6000, // How long each slide will show
startSlide: 0, // Set starting Slide (0 index)
directionNav: false, // Вперед/Назад
controlNav: false, // Использование картинок точек внизу для навигации
controlNavThumbs: false, // Use thumbnails for Control Nav
pauseOnHover: true, // при наведении анимация останавливается
}).parent().show();
});
</script>

Сразу хочу попросить убрать цифры 12 - которые внизу картинок стоят. Они не нужны. И не нужны никакие кнопки переключения. Только пауза при наведении.

И почему слайдер в первый раз грузится то ли бОльшего размера, то ли что - не понять. После загрузки слайдера сайт сползает обратно при смене с первой картинки на вторую. Та же проблема и на основном слайдере. Первая картинка загружается мутная (на главной, да и тут тоже). И справа полоса белая на слайдере на главной. После переключения первая картинка становится уже не мутной.


И размер.. Чтобы он был квадратный, вроде как 230 на 230 будет по-середине:

Сделал 231 - не знаю или неправильно посчитал или он уполз.
Методы оплаты перестали переключаться с картинки на картинку. Уменьшился шрифт у слов всех тех, что ниже методов оплаты. Методы оплаты не по центру стали и картинки методов в ячейках тоже стали не по центру.  Кнопки верхнего меню стали не по центру.

Сообщение отредактировал Andrew S.: 31 Март 2014 - 13:57

[Andrew S.]

Ну вы поможете или нет? Сайт корявый висит.

[Andrew S.]

MikDark (31 Март 2014 - 11:39) писал:

Попробуйте сделать по инструкции http://forum.storela...3-два-слайдера/

Только код стайдера ставить в шаблон HTML перед строками:

{% FOR menu %}
			 {% FOR footer %}
				 <div class="menu_main">
				 <a class="link_nav" title="Разделы сайта">Разделы сайта</a>

Размеры будут большие, как установите, дополнительно напишите нам, мы подкорректируем размеры

Подкорректируем размеры?

[Castiel]

Andrew S. (01 Апрель 2014 - 06:58) писал:

Подкорректируем размеры?

Здравствуйте, не могли бы вы вернуть все изменения до внесения слайдера. Мы подготовим вам новую инструкцию для установки слайдера в нужное вам место.

[Andrew S.]

Castiel (01 Апрель 2014 - 07:40) писал:

Здравствуйте, не могли бы вы вернуть все изменения до внесения слайдера. Мы подготовим вам новую инструкцию для установки слайдера в нужное вам место.

1 момент.

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

Всё почистил.

[Andrew S.]

И, если можно, если известна такая опция - чтобы при загрузке фото начинались рэндомно (random). Чтобы каждый раз не включалось первое изображение, т.к. по сайту будут лазить и каждый раз будет загружаться первое фото и надоедать.

[Andrew S.]

Я смотрю, Вы уже там вставляете слайдер.. Хочу сразу напомнить, что хотелось бы его вставить туда, куда указал с самого начала. Некрасиво он там будет смотреться.. А если уж выше его ставить и внизу никак, то поставить между блоком "каталога" и блоком "вы смотрели", чтобы графическую информацию разделяла текстовая. И он сейчас опять раскрывается на все картинки при загрузке. То же было и с большим слайдером, но мне помогли это устранить.

[Castiel]

Andrew S. (01 Апрель 2014 - 08:06) писал:

И, если можно, если известна такая опция - чтобы при загрузке фото начинались рэндомно (random). Чтобы каждый раз не включалось первое изображение, т.к. по сайту будут лазить и каждый раз будет загружаться первое фото и надоедать.

Добавил слайдер в боковую часть сайта.
Рекомендуемые размеры изображения для данного слайдера 216х216px

К сожалению у данного слайдера отсутствует функция random.

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

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


Код слайдера в шаблоне HTML

<!-- Слайдер в боковой части -->
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em;">
<!-- Непосредственный код слайдера -->
<div id="slider2">
<img src="{ASSETS_IMAGES_PATH}s1.jpg">
<img src="{ASSETS_IMAGES_PATH}s2.jpg">
<img src="{ASSETS_IMAGES_PATH}s3.jpg">
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
		   $(window).load(function() {
						 $('#slider2').nivoSlider({
								  effect: 'fade', //fold, fade, sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpDown sliceUpDownLeft random slideInRight slideInLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse
								  slices: 1, // For slice animations
								  animSpeed: 1500, // Slide transition speed
								  pauseTime: 6000, // How long each slide will show
								  startSlide: 0, // Set starting Slide (0 index)
								  directionNav: true, // Вперед/Назад
								  controlNav: false, // Использование картинок точек внизу для навигации
								  controlNavThumbs: false, // Use thumbnails for Control Nav
								  pauseOnHover: true, // при наведении анимация останавливается
						  }).parent().show();
		   });
</script>
<!-- /END Слайдер в боковой части -->

Вы можете установить его в любое удобное для вас место

[Andrew S.]

Castiel (01 Апрель 2014 - 08:33) писал:

Добавил слайдер в боковую часть сайта.
Рекомендуемые размеры изображения для данного слайдера 216х216px

К сожалению у данного слайдера отсутствует функция random.

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

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


Код слайдера в шаблоне HTML

<!-- Слайдер в боковой части -->
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em;">
<!-- Непосредственный код слайдера -->
<div id="slider2">
<img src="{ASSETS_IMAGES_PATH}s1.jpg">
<img src="{ASSETS_IMAGES_PATH}s2.jpg">
<img src="{ASSETS_IMAGES_PATH}s3.jpg">
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
		 $(window).load(function() {
						 $('#slider2').nivoSlider({
								 effect: 'fade', //fold, fade, sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpDown sliceUpDownLeft random slideInRight slideInLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse
								 slices: 1, // For slice animations
								 animSpeed: 1500, // Slide transition speed
								 pauseTime: 6000, // How long each slide will show
								 startSlide: 0, // Set starting Slide (0 index)
								 directionNav: true, // Вперед/Назад
								 controlNav: false, // Использование картинок точек внизу для навигации
								 controlNavThumbs: false, // Use thumbnails for Control Nav
								 pauseOnHover: true, // при наведении анимация останавливается
						 }).parent().show();
		 });
</script>
<!-- /END Слайдер в боковой части -->

Вы можете установить его в любое удобное для вас место

Вот нашел: ссылка. Вакцина помогла, ответила в предпоследнем сообщении.

[Castiel]

Andrew S. (01 Апрель 2014 - 08:41) писал:

Вот нашел: ссылка. Вакцина помогла, ответила в предпоследнем сообщении.

Спасибо, вроде все установил как вы хотели, если что то не доделано, пожалуйста сообщите и опишите конкретно проблему.

Названия слайдов s1.jpg s2.jpg s3.jpg  
Рекомендуемые размеры 216х216px

[Andrew S.]

Castiel (01 Апрель 2014 - 08:49) писал:

Спасибо, вроде все установил как вы хотели, если что то не доделано, пожалуйста сообщите и опишите конкретно проблему.

Названия слайдов s1.jpg s2.jpg s3.jpg  
Рекомендуемые размеры 216х216px

Очень сильно хочется поставить его ровно. Добавить к левой части и внизу 12 пикселей изображения:


Чтобы в итоге получилось так:

[Castiel]

Andrew S. (01 Апрель 2014 - 11:09) писал:

Очень сильно хочется поставить его ровно. Добавить к левой части и внизу 12 пикселей изображения:
Выровнять.png

Чтобы в итоге получилось так:
Вот так.png

Попробуйте так, редактируем шаблон HTML
В коде слайдера с боку находим

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

Заменяем на

<div class="theme-default" style="padding: 12px;margin-left: -13px;">

[Andrew S.]

Castiel (01 Апрель 2014 - 11:14) писал:

Попробуйте так, редактируем шаблон HTML
В коде слайдера с боку находим

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

Заменяем на

<div class="theme-default" style="padding: 12px;margin-left: -13px;">

Да, четко! Подскажите, я, к примеру, в пэинте могу замерять количество пикселей, которое имеет картинка? Чтобы она не увеличивалась и не уменьшалась, а то размывается. Я замеряю и не знаю, точно это или нет. При 100% масштабирования в браузере. Вот сколько теперь картинку надо заливать чтобы она встала ровно не уменьшенной и не увеличенной.

[Castiel]

Andrew S. (01 Апрель 2014 - 11:20) писал:

Да, четко! Подскажите, я, к примеру, в пэинте могу замерять количество пикселей, которое имеет картинка? Чтобы она не увеличивалась и не уменьшалась, а то размывается. Я замеряю и не знаю, точно это или нет. При 100% масштабирования в браузере. Вот сколько теперь картинку надо заливать чтобы она встала ровно не уменьшенной и не увеличенной.

Можно задать определенный размер для холста.

Прикрепленные изображения

• 

[Andrew S.]

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

Castiel (01 Апрель 2014 - 11:22) писал:

Можно задать определенный размер для холста.

Не, это понятно. Вот до этого вы мне сказали заливать изображение 216*216, а сейчас какое? И как посчитать эти пиксели в пэинте?

Так-то я в других редакторах работаю, но только там можно пиксели посчитать (вроде как). Вот и не знаю можно ли там посчитать пиксели. Мне для дальнейшей работы нужно это понять.

Короче, соответствует ли количество пикселей в пэинте количеству пикселей на сайте при масштабе 100%. Может так понятней будет..

Сообщение отредактировал Andrew S.: 01 Апрель 2014 - 11:33

[Castiel]

Andrew S. (01 Апрель 2014 - 11:24) писал:

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


Не, это понятно. Вот до этого вы мне сказали заливать изображение 216*216, а сейчас какое? И как посчитать эти пиксели в пэинте?

Так-то я в других редакторах работаю, но только там можно пиксели посчитать (вроде как). Вот и не знаю можно ли там посчитать пиксели. Мне для дальнейшей работы нужно это понять.

На данный момент у вас выделено место для слайдов с размерами 231х231

К сожалению объяснить в текстовой форме процесс определения размеров блока очень трудно, вы можете позвонить нам по телефону +7 800 555-45-11 ежедневно c 7:00 до 24:00 и мы вас проконсультируем в этом вопросе.

У каждого из графических редакторов должна быть функция определения размеров окна, я вам предоставил скриншот с описание где найти такую функцию у редактора Paint

[Andrew S.]

Castiel (01 Апрель 2014 - 11:33) писал:

На данный момент у вас выделено место для слайдов с размерами 231х231

К сожалению объяснить в текстовой форме процесс определения размеров блока очень трудно, вы можете позвонить нам по телефону +7 800 555-45-11 ежедневно c 7:00 до 24:00 и мы вас проконсультируем в этом вопросе.

У каждого из графических редакторов должна быть функция определения размеров окна, я вам предоставил скриншот с описание где найти такую функцию у редактора Paint

Проверил 231 - вроде соответствует. Спасибо.

Но так что на счет размывания первого изображения на слайдере? Это как-то можно исправить?

Сообщение отредактировал Andrew S.: 01 Апрель 2014 - 11:37

[Castiel]

Andrew S. (01 Апрель 2014 - 11:37) писал:

Проверил 231 - вроде соответствует. Спасибо.

Но так что на счет размывания первого изображения на слайдере? Это как-то можно исправить?

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