Ответить Новая тема Новый опрос 
 Помогите правильно расположить слайдер!
Breslaf
Новичок
Сообщений: 12
Регистрация: 23-11-2011


03-12-2011 03:56


Ребят вот сайт со слайдером, но он конкретно выходит за границы, как сделать что бы был в своих границах, полазил в модуле не получилось, дадите совет?

http://dgcraft.free.fr/blog/wp-content/uploads/a......laslideshow.zip (сам модуль)

ТПЛ фаил

<!-- Module Editorial -->
<link href="{$this_path}/prod.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="{$this_path}/jquery_002.js"></script>
{literal}
<script type="text/javascript" charset="utf-8">
$(window).load(function()
{
init_slideshow()
})

init_slideshow = function()
{
$('#home_slides').cycle({
fx:'fade',
timeout:7000,
pager:'#slide_navigation',
after:update_slide_caption,
before:fade_slide_caption
})
}

fade_slide_caption = function(next, previous)
{
caption_container = $('#project_caption')
caption_container.fadeOut('fast')
}

update_slide_caption = function(next, previous)
{
caption_container = $('#project_caption')

caption = $('span.slide_caption', previous)
caption_container.fadeIn('fast')
caption_container.html(caption.html())

}
</script>
{/literal}
<div id="home_slideshow">
<ul style="position: relative; width: 900px; height: 384px;" id="home_slides">
<li style="position: absolute; top: 0px; left: 0px; display: ; z-index: 4; opacity: 1;">
<a href="#"> <img src="{$base_dir}modules/editorial/images/1.jpg" alt="image" /> </a>
<span class="slide_caption">
{l s='Free Home Slideshow module' mod='editorial'}
<a href="http://dgcraft.free.fr/blog/index.html/category/f......ules/"> {l s='for Prestashop' mod='editorial'} </a>
</span>
</li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;">
<a href="#"> <img src="{$base_dir}modules/editorial/images/2.jpg" alt="image" /> </a>
<span class="slide_caption">
{l s='Free Home Slideshow module' mod='editorial'}
<a href="http://dgcraft.free.fr/blog/index.html/category/f......ules/"> {l s='for Prestashop' mod='editorial'} </a>
</span>
</li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;">
<a href="#"> <img src="{$base_dir}modules/editorial/images/3.jpg" alt="image" /> </a>
<span class="slide_caption">
{l s='Free Home Slideshow module' mod='editorial'}
<a href="http://dgcraft.free.fr/blog/index.html/category/f......ules/"> {l s='for Prestashop' mod='editorial'} </a>
</span>
</li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;">
<a href="#"> <img src="{$base_dir}modules/editorial/images/2.jpg" alt="image" /> </a>
<span class="slide_caption">
{l s='Free Home Slideshow module' mod='editorial'}
<a href="http://dgcraft.free.fr/blog/index.html/category/f......ules/"> {l s='for Prestashop' mod='editorial'} </a>
</span>
</li>
</ul>
<div id="home_slideshow_violator" class="clearfix">
<div style="display: block;" id="project_caption"></div><div id="slide_navigation" class="clearfix"></div>
</div>
</div>


Сообщение отредактировано Алекс 02-05-2012 11:35 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
geomagi
Профессионал
Сообщений: 1327
Регистрация: 12-11-2010


03-12-2011 04:22
Цитата:
<ul style="position: relative; width: 900px; height: 384px;" id="home_slides">

Firebug в помощ Вам что бы поставить на место все.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Breslaf
Новичок
Сообщений: 12
Регистрация: 23-11-2011


04-12-2011 01:23
Cпасибо, за совет, но пока не помогло
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
geomagi
Профессионал
Сообщений: 1327
Регистрация: 12-11-2010


04-12-2011 22:53
Вы наверное копировали то что я написал
Цитата:
<ul style="position: relative; width: 900px; height: 384px;" id="home_slides">


НЕ надо ее копировать, Вы должны изменить параметры width: 900px; и height: 384px; на свой. Я смотрю что Вы выключили блок совсем так что даже приблизительно не могу размеры подсказать Вам. Размеры слайдера на моем сайте
width: 560px; height: 400px;
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Breslaf
Новичок
Сообщений: 12
Регистрация: 23-11-2011


05-12-2011 02:40
Cпасибо за ответ, конечно же параметры крутил но не выкрутил, не слушается слайдер и главное изменение по размерам нет
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
geomagi
Профессионал
Сообщений: 1327
Регистрация: 12-11-2010


05-12-2011 05:34
Отключите кеширование и включите Принудительную компиляцию.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Breslaf
Новичок
Сообщений: 12
Регистрация: 23-11-2011


05-12-2011 14:47
Сделано еще в начале отладки
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
geomagi
Профессионал
Сообщений: 1327
Регистрация: 12-11-2010


05-12-2011 23:42
1. сделайте фотографии разменром 560х384
2. в модуле editorial\editorial.tpl строка 40 измените размеры. Должно выглядеть так
Цитата:
<ul style="position: relative; width: 560px; height: 384px;" id="home_slides">

3. в editorial\prod.css строка 13 должен выглядеть так
Цитата:
#home_slideshow{ position:relative; width:560px; height:300px; margin-top:2em; overflow:hidden; text-transform:uppercase; font-size:11px; line-height:22px;}


У меня все работает нормально.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
brkt
Новичок
Сообщений: 1
Регистрация: 15-12-2011


15-12-2011 13:59
Добрый день,

А как поменять "Free Home Slideshow module" на свой текст?

Меняю
<span class="slide_caption">
{l s='Free Home Slideshow module' mod='editorial'}
<a href="http://dgcraft.free.fr/blog/index.html/category/f......ules/"> {l s='for Prestashop' mod='editorial'} </a>
</span>

на
<span class="slide_caption">
{l s='СВОЙ ТЕКСТ' mod='editorial'}
<a href="http://СВОЙ АДРЕС/"> {l s='СВОЙ ТЕКСТ' mod='editorial'} </a>
</span>

а текст и ссылки остаются прежними. Куда копать?
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
redesign
Новичок
Сообщений: 1
Регистрация: 16-12-2011


16-12-2011 16:55
>текст и ссылки остаются прежними. Куда копать?
Принудительно отключить все кэширование и включить компиляцию шаблонов при каждом обращении
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос