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


Nivo Slider


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

#1 oneram

oneram

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

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

Отправлено 17 Апрель 2012 - 14:52

Люди помогите пожалуйста мучаюсь 2-ой день уже.

Идет только загрузка и всё (( больше нечего нет.
ПОМОГИТЕ ПОЖАЛУЙСТА!

http://oneram.ru/

#2 sergey85

sergey85

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

  • Пользователи
  • PipPipPipPip
  • 230 сообщений
  • ГородКиев

Отправлено 17 Апрель 2012 - 17:30

Посмотрите здесь:Nivo Slider

#3 Frost

Frost

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

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

Отправлено 17 Апрель 2012 - 18:08

Первое на что обратил внимание это то, что пути к картинкам некорректно прописаны. Сначала вы должны залить их на сервер и прописать пути к ним вида
web/upload/assets/images/62/61671/имя_файла.png

Также вроде у вас не подключены файлы скриптов
Залейте на сервер все необходимые файлы из исходника и пути к файлам с расширениями css и js пропишите перед закрывающим тегом </body>

#4 Vaccina

Vaccina

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

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

Отправлено 17 Апрель 2012 - 20:02

Вам ответили тут http://forum.storela...ои/page__st__40

#5 oneram

oneram

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

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

Отправлено 17 Апрель 2012 - 20:23

Просмотр сообщенияFrost (17 Апрель 2012 - 18:08) писал:

Первое на что обратил внимание это то, что пути к картинкам некорректно прописаны. Сначала вы должны залить их на сервер и прописать пути к ним вида
web/upload/assets/images/62/61671/имя_файла.png

Также вроде у вас не подключены файлы скриптов
Залейте на сервер все необходимые файлы из исходника и пути к файлам с расширениями css и js пропишите перед закрывающим тегом </body>
А в каком файле эти пути?
И где прописывать и какие пути перед тегом </body>

#6 Vaccina

Vaccina

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

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

Отправлено 18 Апрель 2012 - 21:03

Цитата

А в каком файле эти пути?

Вероятнее всего эти пути находятся в шаблоне "Страница" - тот шаблон куда вы установили слайдер.

Так же в данный момент у вас отсутствует подключение файла описанного в сообщении http://forum.storela...dpost__p__19528
Подключаться он должен так же как и файл main.js а находиться в шаблоне "HTML" перед подключением файла main.js

#7 oneram

oneram

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

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

Отправлено 20 Апрель 2012 - 02:34

Просмотр сообщенияVaccina (18 Апрель 2012 - 21:03) писал:

Вероятнее всего эти пути находятся в шаблоне "Страница" - тот шаблон куда вы установили слайдер.

Так же в данный момент у вас отсутствует подключение файла описанного в сообщении http://forum.storela...dpost__p__19528
Подключаться он должен так же как и файл main.js а находиться в шаблоне "HTML" перед подключением файла main.js


Ну нифига не получается ! Может по порядочку все расскажешь! То я вообще все перепробовал.

Вот допустим

1.
закачиваем: nivo-slider.css и jquery.nivo.slider.pack.js.
закачаваем все файлы из папки темы Дефаул там картинки и .css

У себя в "HTML" подряд что нужно написать ?
Потом в "СТАНИЦА"подряд что нужно написать ?
в "main.csstemplate" подряд что нужно написать ?
в "main.js" подряд что нужно написать ?

.

#8 Vaccina

Vaccina

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

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

Отправлено 20 Апрель 2012 - 23:41

В указанной теме выше уже до невозможности все расписано. Так же в сети имеются очень много статьей по установке данного слайдера.
http://cake-php-blog...lajder-kartinok
http://dijjon.ru/pub..._slider/3-1-0-8
http://slyweb.ru/jquery/nivo-slider/
Сам процесс простой. Скопировать -> вставить. Если разбирать по пунктам - то это 5 пунктов
1) Загрузить библиотеку nivo slider js и изображения слайдера в разделе редактора тем.
2) Подключить загруженную библиотеку, так же как подключается файл main.js в шаблоне "HTML" подключаться файл должен до файла main.js
3) Скопировать текстовый каркас HTML к себе в шаблон "Страница".
4) Скопировать все стили css в вайл main.css, поменять все пути к изображениям на свои.
5) Скопировать код js к себе в файл main.js

#9 oneram

oneram

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

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

Отправлено 21 Апрель 2012 - 14:54

Уже лучшееее )))))
Но все кривооо((

#10 Roman_Latyshev

Roman_Latyshev

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

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

Отправлено 26 Май 2012 - 09:28

Просмотр сообщенияVaccina (20 Апрель 2012 - 23:41) писал:

В указанной теме выше уже до невозможности все расписано. Так же в сети имеются очень много статьей по установке данного слайдера.
http://cake-php-blog...lajder-kartinok
http://dijjon.ru/pub..._slider/3-1-0-8
http://slyweb.ru/jquery/nivo-slider/
Сам процесс простой. Скопировать -> вставить. Если разбирать по пунктам - то это 5 пунктов
1) Загрузить библиотеку nivo slider js и изображения слайдера в разделе редактора тем.
2) Подключить загруженную библиотеку, так же как подключается файл main.js в шаблоне "HTML" подключаться файл должен до файла main.js
3) Скопировать текстовый каркас HTML к себе в шаблон "Страница".
4) Скопировать все стили css в вайл main.css, поменять все пути к изображениям на свои.
5) Скопировать код js к себе в файл main.js

Vaccina, ну серьезно ничего ПРОСТОГО не вижу.
Не могли бы Вы потратить 20 минут своего времени, тем более это для Вас так просто и на тестовом примере, с картинками, с ссылками, с пошаговыми инструкциями, и ничего не пропуская, выложить подробную инструкцию на русском языке как установить хоть какой-нибудь простой слайдер. Я думаю, просто огромное количество людей скажет Вам большое человеческое СПАСИБО.

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

Я всегда ценил вашу тех.поддержку за грамотное и человеческое отношение к проблемам ваших клиентов, поступая из принципа: "Ваши проблемы - это наши проблемы". А сейчас куча людей не могут с первого раза установить нормальный слайдер. Я вот сейчас даже браться не хочу, не видя перед собой нормальное руководство к действию, хотя очень надо. Знаю, если полезу, то точно возникнут проблемы, которые убьют мое время, и не дай бог повесят сайт, который кормит не только меня, но еще и пять человек сотрудников интернет-магазина.

Если не можете добавить нужные дополнительные функции (разделение админки, сопутствующие товары и прочее), то хотя бы сделайте подробную инструкцию по слайдеру, чтобы хоть как-то сделать не статический сайт. Я помню у Вас была даже видеоинструкция как открыть магазин у вас, и добавить в него товары, так почему же нельзя сделать тоже самое со слайдером?! Это вопрос не только к Вам, но и ко всей администрации.

Просто сделайте инструкцию по слайдеру!

#11 support

support

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

  • Модераторы
  • 3 683 сообщений
  • ГородМосква

Отправлено 31 Май 2012 - 17:31

Извиняюсь за возникшее недопонимание. Данная задача со слайдером является наиболее простой для любого даже начинающего верстальщика, да и инструкций полно, но некоторые мелочи очевидные ему не всегда могут быть очевидны не столь подготовленному пользователю. Попробую рассказать с максимумом деталей, на примере нашей системы, нашего редактора тем, нашего html редактора шаблонов о том как поставить слайдер на свой сайт Nivo Slider... Итак поехали:
  • Скачиваем себе на компьютер следующий архив, я его специально подготовил, все до одного лишние файлы удалил:
      Прикрепленный файл  slider.zip   8,6К   1439 Количество загрузок:
  • Распаковываем на своём компьютере.
  • Заходим в панель управления магазином, через форму авторизации.
  • Переходим в раздел "Сайт" > "Редактор тем".
  • Скролим вниз до блока файлов, нажимаем кнопку добавить файлы, появится 5 полей для файлов.
    nyro1.jpg
  • В каждое поле вставляем те файлы, что распаковались из архива, их как раз 5.
    nyro2.jpg
  • Проверяем закачались ли эти файлы, выглядят они в редакторе тем как-то так:
    nyro3.jpg
  • Открываем файл HTML, находим следующий код (у меня это 53 строка, используйте встроенный поиск браузера, Ctrl+f, чтобы не искать глазами.):
      <!-- Скрипты магазина -->
      <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
    

    После него вставляем вот такой код:
      <!-- Загрузка Jquery галереии Nyro -->
      <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyro_default.css" type="text/css" media="screen" />
      <script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
    

    Получается как-то так:
      <!-- Скрипты магазина -->
      <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
    
      <!-- Загрузка Jquery галереии Nyro -->
      <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyro_default.css" type="text/css" media="screen" />
      <script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
    

    В браузере выглядит так:
    nyro4.jpg
  • Нажимаем кнопку "сохранить" сверху.
  • Далее скролим вниз этого файла (html) находим (естественно встроенным поиском, Ctrl+f, глазами искать не всегда есть гуд.) вот такой не сложный код:
    {BODY}
    

    Перед ним! Вставляем вот такой код:
    			<!-- Вешаем слайдер на главной -->
    			{% IF index_page %}
    			  <!-- Обёртка, указывающая стиль темы -->
    			  <div class="theme-default" style="padding-top:1em;">
    				<!-- Непосредственный код слайдера -->
    				<div id="slider">
    				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider.png" alt="" />
    				  <a href="http://dev7studios.com"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo.png" alt="" /></a>
    				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/toystory.png" alt="" title="Пример картинки с заголовком" />
    				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle.png" alt="" />
    				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/cars.png" alt="" />
    				</div>
    			  </div>
    			  
    			  <!-- Запуск слайдера -->
    			  <script type="text/javascript">
    				$(window).load(function() {
    					$('#slider').nivoSlider();
    				});
    			  </script>
    			{% ENDIF %}
    

    Получается вот так:
    			<!-- Вешаем слайдер на главной -->
    			{% IF index_page %}
    			  <!-- Обёртка, указывающая стиль темы -->
    			  <div class="theme-default" style="padding-top:1em;">
    				<!-- Непосредственный код слайдера -->
    				<div id="slider">
    				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider.png" alt="" />
    				  <a href="http://dev7studios.com"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo.png" alt="" /></a>
    				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/toystory.png" alt="" title="Пример картинки с заголовком" />
    				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle.png" alt="" />
    				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/cars.png" alt="" />
    				</div>
    			  </div>
    			  
    			  <!-- Запуск слайдера -->
    			  <script type="text/javascript">
    				$(window).load(function() {
    					$('#slider').nivoSlider();
    				});
    			  </script>
    			{% ENDIF %}
    
    			{BODY}
    

  • Нажимаем кнопку "сохранить", выглядит это так:
    nyro5.jpg
  • Заходим на главную страницу сайта, нажимаем F5 либо Ctrl+R
  • Должен получиться вот такой результат:
    nyro6.jpg nyro7.jpg nyro8.jpg

Если слайдер не завёлся и не поехал, то видимо что-то сделали не так, напишите об этом постараюсь рассказать ещё детальней о том месте, где возникла ошибка.

Пример живого слайдера (демо)

#12 Солнечный ежик

Солнечный ежик

    Новичок

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

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

Добрый вечер. Благодаря Вашему посту выше со слайдером проблем не возникло вообще ни каких. Завёлся и поехал как нужно :)
Спасибо за труд. Но одна проблема всётаки есть: возможно ли его  как- нибудь пониже опустить? А точки ближе придвинуть к верху.
http://blestelki.sto...02_19h51_33.png
И ещё вопрос, извиняюсь что не в тему: как закруглить края у каталога с товаром.
Магазин вот

#13 Солнечный ежик

Солнечный ежик

    Новичок

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

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

Всё сама разобралась :rolleyes:

#14 eliant

eliant

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

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

Отправлено 10 Июнь 2012 - 01:36

support большое спасибище!

#15 Sergio

Sergio

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

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

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

Здравствуйте. У меня тоже всё заработало, НО возникла одна проблема. В браузере IE всё смещается и съезжает в левую  сторону. Я до установки слайдера немного менял дизайн. И что где поменял уже не помню. Видимо где-то накосячил с css. Помогите решить данную проблему. Cайт servizoff.ru   Код пока стер в разделе HTML

#16 Vaccina

Vaccina

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

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

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

Цитата

Код пока стер в разделе HTML

Не совсем понятно как я смогу вам помочь - не зная каких изменений вы делали, и почему данное действие

Цитата

В браузере IE всё смещается и съезжает в левую сторону.
возникает. Вам необходимо в любом случае делать предложенные действия в данной теме, и не убирать их.

#17 Ello4ka

Ello4ka

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

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

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

support , во-первых спасибо огромное за инструкцию )
Во-вторых вопрос. У меня получается так - когда открываешь главную страницу сайта, все картинки сначала показываются сверху вниз, а потом только запускается слайд шоу. Что неправильно сделали?

Сообщение отредактировал Ello4ka: 16 Ноябрь 2012 - 21:00


#18 support

support

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

  • Модераторы
  • 3 683 сообщений
  • ГородМосква

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

Просмотр сообщенияEllo4ka (18 Июнь 2012 - 16:33) писал:

support , во-первых спасибо огромное за инструкцию )
Во-вторых вопрос. У меня получается так - когда открываешь главную страницу сайта, все картинки сначала показываются сверху вниз, а потом только запускается слайд шоу. Что неправильно сделали? Сайт
Попробуйте добавить
style="display:none;"
чтобы вышло так:
<div id="slider" style="display:none;">
и модернизируйте этот код:
$('#slider').nivoSlider();

До такого:
$('#slider').show().nivoSlider();


#19 Ello4ka

Ello4ka

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

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

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

Просмотр сообщенияsupport (18 Июнь 2012 - 16:41) писал:

Попробуйте добавить
style="display:none;"
чтобы вышло так:
<div id="slider" style="display:none;">
и модернизируйте этот код:
$('#slider').nivoSlider();

До такого:
$('#slider').show().nivoSlider();
Спасибо, большое, попробуем. )
Все отлично получилось! Благодарю! :)

Сообщение отредактировал Ello4ka: 19 Июнь 2012 - 17:05


#20 DropMart

DropMart

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

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

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

Просмотр сообщенияСолнечный ежик (02 Июнь 2012 - 21:08) писал:

Добрый вечер. Благодаря Вашему посту выше со слайдером проблем не возникло вообще ни каких. Завёлся и поехал как нужно :)
Спасибо за труд. Но одна проблема всётаки есть: возможно ли его  как- нибудь пониже опустить? А точки ближе придвинуть к верху.
http://blestelki.sto...02_19h51_33.png
И ещё вопрос, извиняюсь что не в тему: как закруглить края у каталога с товаром.
Магазин вот

Здравствуйте. У меня таже проблема... уж очень большое расстояние от слайдера до точек. Как можно уменьшить расстояние а лучше вообще убрать эти точки?
Понимаю что нужно искать в скрипте nyvo.csstemplate, но я там ничего такого не нашел.
магазин dropmart.ru




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

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