Jump to content
  • 0
Sign in to follow this  
insaf_salaf93

Поставить анимацию JQuery на Adobe Muse

Question

Привет всем. помогите плиз. У меня вот есть анимация с папками (css , js) и файлами

Не пойму, что куда поставить, добавить. эту папку  где photo3d-html-files / v3. папку залил на Яндекс Диск. там анимация, картинки. Мне нужно поставить в определенное место, возможно это? Благодарю за помощь

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

Привет всем. помогите плиз. У меня вот есть анимация с папками (css , js) и файлами

Не пойму, что куда поставить, добавить. эту папку  где photo3d-html-files / v3.  папку залил на Яндекс Диск. там анимация, картинки. Мне нужно поставить в определенное место, возможно это? Благодарю за помощь

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

1.Загружаете все файлы в корень сайта. Структура папок должна получиться такой:

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

если хотите проверить работу без загрузки на сервер, поместите эти папки в папку экспорта на компьютере

2.В <head> страницы Muse подключаете все необходимые файлы (вставляете этот код):

<link rel="stylesheet" href="photo3d-html-files/v3/css/style.css" type="text/css" media="all" />
<script src="photo3d-html-files/v3/js/canvasloader.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.fullscreen-0.3.5.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.selection.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.metadata.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.photo3d.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.photo3dconfig.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/device.min.js" type="text/javascript"></script>

3.На страницу Muse сайта добавляете HTML-код:

<img id='image' class="photo3d-preview-image {maxZoom:100, frames:36, yframes:1, useSeparateFrames:true, startImmediately:true, autoPlay:true}" src='img3d_000071.jpg' border='0' width='1280' height='1408' />

...где в параметрах width='1280' height='1408' поставьте свои значения (в пикселях), иначе блок будет очень огромным.

Например так: width='280' height='408'

Проверяете результат (сработает только после экспорта сайта в html, загружать на сервер не обязательно).

Если не работает, а скорее всего, так и будет, поместите загрузку скриптов внизу страницы, после загрузки библиотеки jQuery.

Только скриптов, загрузку css нужно оставить в <head>:

<script src="photo3d-html-files/v3/js/canvasloader.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.fullscreen-0.3.5.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.selection.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.metadata.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.photo3d.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/jquery.photo3dconfig.js" type="text/javascript"></script>
<script src="photo3d-html-files/v3/js/device.min.js" type="text/javascript"></script>

Для этого воспользуйтесь виджетом Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. , тогда заработает наверняка.

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
Sign in to follow this  

×
×
  • Create New...