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


Установка Слайдера


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

#1 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 28 Февраль 2012 - 23:58

Добрый вечер!

Пытась поставить слайдер ImageFlow отсюда http://efimov.ws/mai...arch_highlight1


Мои действия:
1)

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

<!-- СЛАЙДЕР НА ГЛАВНОЙ -->
{%IF index_page %}
  <body>
		<h1>ImageFlow</h1>

		<!-- This is all the XHTML ImageFlow needs -->
		<div id="myImageFlow" class="imageflow">
			<img src="http://files.storeland.ru/web/upload/sitefiles/1/93/92998/fire.png" longdesc="img/img1.png" width="400" height="300" alt="Image 1" />
			<img src="http://files.storeland.ru/web/upload/sitefiles/1/93/92998/fire.png" longdesc="img/img2.png" width="300" height="400" alt="Image 2" />
			<img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" alt="Image 3" />
			<img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" alt="Image 4" />
			<img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" alt="Image 5" />
			<img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" alt="Image 6" />
			<img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" alt="Image 7" />
			<img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" alt="Image 8" />
			<img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" alt="Image 9" />
			<img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" alt="Image 10" />
			<img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" alt="Image 11" />
			<img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" alt="Image 12" />
			<img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" alt="Image 13" />
			<img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" alt="Image 14" />
			<img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" alt="Image 15" />
		</div>
{%ENDIF%}
<!-- СЛАЙДЕР НА ГЛАВНОЙ -->


2)
Далее загрузил файлы CSS и JS которые мне предлагались в архиве к слайдеру.



3)
В шаблоне HTML прописал в HEAD следующий код
		<link rel="stylesheet" href="imageflow.packed.css" type="text/css" />
		<script type="text/javascript" src="imageflow.packed.js"></script>

Слайдер появился, но он не динамичен. Явно что-то не так.
ПОЖАЛУЙСТА.  Помогите разобрать данную проблему.
Заранее спасибо. Сайт gsmoda.ru

#2 Vaccina

Vaccina

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

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

Отправлено 29 Февраль 2012 - 20:26

Вы не верно указали пути к файлам. Вам необходимо заменить
<link rel="stylesheet" href="imageflow.packed.css" type="text/css" />
<script type="text/javascript" src="imageflow.packed.js"></script>

на

<link rel="stylesheet" href="{ASSETS_JS_PATH}imageflow.packed.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}imageflow.packed.js"></script>


#3 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 01 Март 2012 - 02:23

Vaccina, я исправил, частично это помогло, появилась динамика.
Путь к фото в в коде html прописал, но почему то они не отображаются. В чем может быть проблема? И почему слайдер отображается по вертикали, когда он горизонтальный должен быть?
Печально как то всё. без Вас в данном вопросе мне никто не поможет, кроме библиотеки.

#4 Vaccina

Vaccina

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

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

Отправлено 01 Март 2012 - 21:06

У вас пути к изображениям прописаны так reflect2.php?img=http://files.storeland.ru/web/upload/sitefiles/1/93/92998/fire.png
т.е не понятный префикс reflect2.php?img= которого не должно быть. Должны быть ссылки вида http://files.storela.../92998/fire.png

#5 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 01 Март 2012 - 21:20

Просмотр сообщенияVaccina (01 Март 2012 - 21:06) писал:

У вас пути к изображениям прописаны так reflect2.php?img=http://files.storeland.ru/web/upload/sitefiles/1/93/92998/fire.png
т.е не понятный префикс reflect2.php?img= которого не должно быть. Должны быть ссылки вида http://files.storela.../92998/fire.png

префикс reflect2.php?img= образовывается не из-за некоректного кода html в шаблоне "страница", так всё указано без префиксов.

Проблема судя по всему в javascript файле imageflow.js

Скажите, есть ли возможность исправить данную проблему?


рабочий слайдер расположен здесь http://imageflow.finnrudolph.de/

#6 Vaccina

Vaccina

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

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

Отправлено 02 Март 2012 - 21:48

Вам необходимо воспользоваться документацией http://finnrudolph.d...w/Documentation
Т.е подключить слайдер через

var instanceOne = new ImageFlow();
instanceOne.init({ ImageFlowID: 'myImageFlow', reflections:false });

именно reflections убирает данный префикс. По умолчанию данный параметр включен

#7 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 02 Март 2012 - 21:54

спасибо. Буду думать...

#8 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 02 Март 2012 - 22:27

Получилось. Спасибо, фото появились. А почему ориентация вертикальная? Как сделать по горизонтали?

#9 Vaccina

Vaccina

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

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

Отправлено 05 Март 2012 - 20:28

У вас не подключен или не загружен файл стилей css.

#10 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 06 Март 2012 - 09:22

Точно! Нашёл ошибку. Слайдер готов http://gsmoda.ru/

Спасибо!

#11 Slavik

Slavik

    Новичок

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

Отправлено 05 Апрель 2012 - 00:42

Просмотр сообщенияVaccina (05 Март 2012 - 20:28) писал:

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

var instanceOne = new ImageFlow();
instanceOne.init({ ImageFlowID: 'myImageFlow', reflections:false });

в файл imageflow.js, то фото выстраиваются по горизонтали, но слайдер не работает...
подскажите что делать вот сайт berivip.ru
какой еще файл стилей нужно подключить\загрузить?

я загрузил imageflow.css и следующий код как я понимаю его включает

<link rel="stylesheet" href="{ASSETS_JS_PATH}imageflow.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}imageflow.js"></script>

#12 Slavik

Slavik

    Новичок

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

Отправлено 05 Апрель 2012 - 01:00

Ошибку нашел она в коде подключения стилей:
вот правильный код

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}imageflow.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}imageflow.js"></script>

:rolleyes:




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

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