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


Установка Слайдера На Главную

Автор sokolovjack, 20 июня 2012 15:38

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

#1 sokolovjack

sokolovjack

    Пользователь

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

Отправлено 20 Июнь 2012 - 15:38

Здравствуйте, прошу помощи с установкой слайдера http://revolverjs.com/
Загрузил все файлы.
код:
<script src="path/to/jquery.revolver.min.js"></script>
меняю на:
<script src="{ASSETS_JS_PATH}jquery.revolver.min.js"></script>
и вставляю в Админпанель/редактор тем/шаблоны/HTML
где-нибудь после тега <head>

код:
$('#my_slider').revolver({options});

// get the instance
var my_slider = $('#my_slider').data('revolver');
вставляю также в HTML
код:
<!-- my slider -->
<div id="my_slider">
    <img class="slide" src="тут ставлю ссылку на картинку">
    <img class="slide" src="slide2.png">
    <img class="slide" src="slide3.png">
</div>

<!-- my controls -->
<a href="#" id="goto_first">Slide to the first slide</a>
<a href="#" id="goto_first_custom">Fade to the first slide</a>
вставляю также в HTML

Слайдер не работает,просто показываются картинки 3шт рядом друг с другом.
Скорее всего я не туда вставляю один из кодов. Скажите какой куда нужно вставить,чтобы все заработало? Если можно,максимально подробно.
Спасибо.

#2 Wo lf

Wo lf

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

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

Отправлено 20 Июнь 2012 - 17:13

Все у тебя работает,

#3 sokolovjack

sokolovjack

    Пользователь

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

Отправлено 20 Июнь 2012 - 19:19

Просмотр сообщенияAtadjan (20 Июнь 2012 - 17:13) писал:

Все у тебя работает,
Нет, не работает. Вы скорее всего перепутали мой сайт со страничкой скрипта слайдера.

#4 Wo lf

Wo lf

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

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

Отправлено 21 Июнь 2012 - 04:15

Просмотр сообщенияsokolovjack (20 Июнь 2012 - 19:19) писал:

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

А за чем тогда этот сайт выставил напоказ,

1. Вообщем проблема в том, что вот это код
$('#my_slider').revolver({options});

// get the instance
var my_slider = $('#my_slider').data('revolver');
});

надо вставить main.js, в самый низ..

2. <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.revolver.min.js"></script> Как было сказано "нигде-нибудь", а желательно сюда См. картинку.

3. Но а этот код, вставить где захотите видеть Ваш слайдер
<!-- my slider -->
<div id="my_slider">
<img class="slide" src="тут ставлю ссылку на картинку">
<img class="slide" src="slide2.png">
<img class="slide" src="slide3.png">
</div>

<!-- my controls -->
<a href="#" id="goto_first">Slide to the first slide</a>
<a href="#" id="goto_first_custom">Fade to the first slide</a>

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

  • Администрирование интернет-магазина. Редактор тем.png

#5 sokolovjack

sokolovjack

    Пользователь

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

Отправлено 21 Июнь 2012 - 20:27

Спасибо за ответ, приду с работы, обязательно попробую сделать как вы написали!

#6 Wo lf

Wo lf

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

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

Отправлено 21 Июнь 2012 - 21:52

Просмотр сообщенияsokolovjack (21 Июнь 2012 - 20:27) писал:

Спасибо за ответ, приду с работы, обязательно попробую сделать как вы написали!

Ага...!

#7 sokolovjack

sokolovjack

    Пользователь

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

Отправлено 23 Июнь 2012 - 20:12

Просмотр сообщенияAtadjan (21 Июнь 2012 - 21:52) писал:

Ага...!
Все сделал, но все равно отображаются просто 3 картинки. Есть еще версии?
Вот Тут слайдер

#8 Wo lf

Wo lf

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

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

Отправлено 23 Июнь 2012 - 20:50

Просмотр сообщенияsokolovjack (23 Июнь 2012 - 20:12) писал:

Все сделал, но все равно отображаются просто 3 картинки. Есть еще версии?
Вот Тут слайдер

У Вас просто нет каких то нужных элементов, скажите пожалуйста Вы откуда исходники слайдера брали?

#9 sokolovjack

sokolovjack

    Пользователь

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

Отправлено 25 Июнь 2012 - 15:16

Просмотр сообщенияAtadjan (23 Июнь 2012 - 20:50) писал:

У Вас просто нет каких то нужных элементов, скажите пожалуйста Вы откуда исходники слайдера брали?
В первом сообщении темы есть ссылка на страничку слайдера.

#10 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Июнь 2012 - 22:42

В файле main.js найдите 

$('#my_slider').revolver({options});

и замените на 

$('#my_slider').revolver();

{options} - должен был быть в виде объекта с настройками данного слайдера.

#11 sokolovjack

sokolovjack

    Пользователь

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

Отправлено 28 Июнь 2012 - 13:25

Просмотр сообщенияVaccina (26 Июнь 2012 - 22:42) писал:

В файле main.js найдите 

$('#my_slider').revolver({options});

и замените на 

$('#my_slider').revolver();

{options} - должен был быть в виде объекта с настройками данного слайдера.
Спасибо за ответ, но, к сожалению, проблема остается актуальной.
Сделал как вы написали!

#12 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 28 Июнь 2012 - 22:00

В вашем файле main.js содержится еще ошибка. Вам необходимо найти 

});
});

$('#my_slider').revolver();
// get the instance
var my_slider = $('#my_slider').data('revolver'); 
});

и заменить на 

});

$('#my_slider').revolver();
// get the instance
var my_slider = $('#my_slider').data('revolver'); 
});

#13 sokolovjack

sokolovjack

    Пользователь

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

Отправлено 30 Июнь 2012 - 07:14

Просмотр сообщенияVaccina (28 Июнь 2012 - 22:00) писал:

В вашем файле main.js содержится еще ошибка. Вам необходимо найти 

});
});

$('#my_slider').revolver();
// get the instance
var my_slider = $('#my_slider').data('revolver'); 
});

и заменить на 

});

$('#my_slider').revolver();
// get the instance
var my_slider = $('#my_slider').data('revolver'); 
});
Сделал, к сожалению снова не выходит увидеть слайдер работающим.

#14 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Июль 2012 - 00:03

У вас не подключены файлы стилей (css) для данного слайдера. Слайдер функционирует, т.е ошибок в main.js больше нет.
Советую вам использовать слайдер nivo slider информацию по установке вы можете найти на данном форуме.

#15 Dreifeld

Dreifeld

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

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

Отправлено 26 Июль 2013 - 07:44

А какого размера должны быть картинки для слайдера?

#16 Сake

Сake

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

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

Отправлено 26 Июль 2013 - 23:32

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

#17 krohotylja

krohotylja

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

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

Отправлено 28 Январь 2014 - 16:24

Как уменьшить расстояние между слайдером и текстом под слайдером? krohotylja.ru

#18 @lina_va

@lina_va

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

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

Отправлено 28 Январь 2014 - 17:14

Просмотр сообщенияkrohotylja (28 Январь 2014 - 16:24) писал:

Как уменьшить расстояние между слайдером и текстом под слайдером? krohotylja.ru
Здравствуйте.
В main.css добавьте:
.theme-default {
height: 310px;
}

Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Главная
  6. Privacy Policy