Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 2030 Просмотров
*

Kovgan

  • Захожу иногда
  • **
  • 11
  • 0
В настройках модуля SJ Dnamic Slideshow есть окна для вставки кода каждого слайда, выглядит так:
Спойлер
[свернуть]

такой текст в одном из окон идет по умолчанию:
Спойлер
[свернуть]


Получилось вставить  .swf файл таким образом:
Код: xml
<li data-transition="random" data-slotamount="20" data-link="" data-delay="10500"><img src="images/dynamicslideshow/slides/image5.jpg"> 
<div class="caption lfr boxshadow" data-x="20" data-y="20" data-speed="1600" data-start="1000" data-easing="easeOutBack">
   <iframe src="images/dynamicslideshow/slides/Sacura.swf"  width="544" height="400" frameborder="0"  style="border: 0px">
   </iframe></div>
<div class="caption lfl"  data-x="50" data-y="50" data-speed="4200" data-start="7000" data-easing="easeOutExpo"><img src="images/dynamicslideshow/slides/butterfly.png"></div>     
</li>

Теперь две проблемы.

1. Эта анимация перекрывает собой панель навигации и одно изображение (бабочку), которое должно быть сверху. Вот как это выглядит:


2. Если просмотреть какой-то другой слайд и вернуться на текущий, то анимация уже не срабатывает (ветка с цветами не проростают). Это в мозиле.
А в Chrome пока смотришь предидущие слайды, анимация на текущем слайде уже проходит самостоятельно и незаметно.  Зато панель навигации и бабочка в хроме  не перекрываются.

Как это исправить или реализовать по-другому не меняя модуль?

*

Kovgan

  • Захожу иногда
  • **
  • 11
  • 0
Сделал анимацию .gif чтобы использовать ее как картинку (нет проблем с наложением), но анимация получилась 15мб и воспроизведение намного хуже, чем в .swf (картинка идет рывками).
Так что .gif отпадает (если нет способа сделать размер менее 3мб).
*

Shustry

  • Группа развития
  • *****
  • 6426
  • 733
  • Рисую дизайны
1. Вставлять надо как <object> а не <iframe>
2. Чтобы Flash не перекрывала другие элементы добавляем атрибут
<param name="wmode" value="transparent">
3. Чтобы зациклился этот:
<param name=loop value="true">
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

Kovgan

  • Захожу иногда
  • **
  • 11
  • 0
Забыл сказать в первом посте, что пробовал вставить через <object>.
Брал в div и без него ничего вообще на экране не появлялось, получилось только через <iframe>

Сейчас оставил не только div, а еще строчку с ним (в которой указаны координаты объекта, тайминги и эффект появления).
Теперь уже появляется объект, только он прозрачен:



Код: xml
<li data-transition="random" data-slotamount="20" data-link="" data-delay="10500">  <img src="images/dynamicslideshow/slides/image5.jpg"  >  

<div class="caption lfr boxshadow" data-x="20" data-y="20" data-speed="1600" data-start="1000" data-easing="easeOutBack">
<object  width="544" height="400" >
<param name="movie" value="Sacura.swf">
<param name="wmode" value="transparent">
<param name=loop value="true">
<embed src="images/dynamicslideshow/slides/Sacura.swf" width="544" height="400"  type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div class="caption lfl"  data-x="-9" data-y="50" data-speed="4200" data-start="7000" data-easing="easeOutExpo"><img src="images/dynamicslideshow/slides/butterfly.png"></div>     
</li>

Где ошибка?

*

Shustry

  • Группа развития
  • *****
  • 6426
  • 733
  • Рисую дизайны
Вот так попробуйте:
<param name="wmode" value="opaque" />
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

Kovgan

  • Захожу иногда
  • **
  • 11
  • 0
Не помогло.
Вставляю такие строки:
Код: xml
 
<li data-transition="random" data-slotamount="20" data-link="" data-delay="10500">  <img src="images/dynamicslideshow/slides/image5.jpg"  > 

<div class="caption lfr boxshadow" data-x="20" data-y="20" data-speed="1600" data-start="1000" data-easing="easeOutBack">
<object  width="544" height="400" >
<param name="movie" value="Sacura.swf">
<param name="wmode" value="opaque" >
<param name=loop value="true">
<embed src="images/dynamicslideshow/slides/Sacura.swf" width="544" height="400" wmode="opaque" type="application/x-shockwave-flash" data="images/dynamicslideshow/slides/Sacura.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div class="caption lfl"  data-x="-9" data-y="50" data-speed="4200" data-start="7000" data-easing="easeOutExpo"><img src="images/dynamicslideshow/slides/butterfly.png"></div>     
</li>

Сейчас в Chrome вместо анимации появляется белый прямоугольник. В мозиле анимация протекает незаметно, пока смотришь предидущие слайды.

Может можно все это сделать через  <iframe> ?
*

YuriGladkov

  • Захожу иногда
  • **
  • 15
  • 0
Окна то есть. А как и каким "макаром" вставлять? Ничего не понятно.  И видео нет.
*

YuriGladkov

  • Захожу иногда
  • **
  • 15
  • 0
Помогите разобраться.