Ребят вот сайт со слайдером, но он конкретно выходит за границы, как сделать что бы был в своих границах, полазил в модуле не получилось, дадите совет?
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 ...