[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Нужна помощь с каруселью
rerere
Здравствуйте, есть карусель как бы с автопрокруткой, но автопрокрутка включается только после нажатия на стрелочку влево или вправо для перехода на следующий слайд. И до нажатия она стоит на одном месте. Подскажите, где подправить, я не пойму никак. Буду признателен. Код прилагается.
<?php // no direct access
defined('_JEXEC') or die('Restricted access');

/* ID for jQuery dropdown */
$ID = str_replace('.', '_', substr(microtime(true), -8, 8));
$doc = JFactory::getDocument();
if($params->get('Loadjquery',1)==1){
$doc->addScript( 'modules/mod_ot_virtuemart_category/js/jquery.js' );
}
$doc->addScript( 'modules/mod_ot_virtuemart_category/js/imagesloaded.pkgd.min.js' );
$iwidth = ' span' . floor (OGRID_SYS / $iperframe);

$str = strip_tags($categories[0]->category_description);
$find = array("/\r|\n/u", "/\t/u", "/\s\s+/u");
$replace = array(" ", " ", " ");
$str = preg_replace($find, $replace, $str);
preg_match('/\s*(?:\S*\s*){5}/u', $str, $matches);
$str = JString::rtrim($matches[0]);
?>

<div class="VM<?php echo $class_sfx ?>" id="<?php echo "VMmenu".$ID ?>" >
<
div class="ot-slide carousel slide" >
<
div class="ot-slide-i carousel-inner" >
<
div class="item active"">
<?php foreach (
$categories as $key=>$category) {
$caturl = JRoute::_('index.php?option=com_virtuemart&view=category&virtuemart_category_id='.$category->virtuemart_category_id);
$cattext = $category->category_name;
?>

<div class="
ot-vm-cat<?php echo $iwidth; ?>">
<div class="
ot-vm-cat-i">
<div class="
ot-vm-cat-ii">
<?php
echo JHTML::link(
$caturl, $category->images[0]->displayMediaThumb("", false));
//if (!empty(
$category->images[0]->file_url_thumb)) {
// echo '<span class="
ot-cat-image">';
// echo
$category->images[0]->displayMediaThumb("", false);
// echo '</span>';
//}
?>
<div class="
ot-cat-detail<?php echo (!empty($category->images[0]->file_url_thumb) ? ' ot-cat-over' : ''); ?>">
<div class="
ot-cat-detail-i">
<h3 class="
ot-cat-name">
<?php echo JHTML::link(
$caturl, $cattext); ?>
</h3>
<div class="
ot-cat-desc">
<?php
// echo shopFunctionsF::limitStringByWord(
$str, 5, '...');
echo
$str;
?>
</div>
<a class="
ot-cat-rm" href="<?php echo $caturl; ?>"> </a>
</div>
</div>
</div>
<?php if (
$category->childs) { ?>
<ul class="
ot-cat-menu<?php echo $class_sfx; ?>">
<?php
foreach (
$category->childs as $child) {
$caturl = JRoute::_('index.php?option=com_virtuemart&view=category&virtuemart_category_id='.$child->virtuemart_category_id);
$cattext = $child->category_name;
?>
<li><?php echo JHTML::link(
$caturl, $cattext); ?></li>
<?php } ?>
</ul>
<?php } ?>
</div>
</div>

<?php if ((
$key+1)%$iperframe==false && $key+1 < count($categories)) {
echo '<div class="
clear"></div></div><div class="item">';
} else {

}?>
<?php
} ?>
<div class="
clear"></div>
</div>
</div>
<!-- "
previous page" action -->
<a class="
carousel-control control-light left" href="#VMmenu<?php echo $ID; ?> .ot-slide" data-slide="prev"><span class="icon-prev"></span></a>
<!-- "next page" action -->
<
a class="carousel-control control-light right" href="#VMmenu<?php echo $ID; ?> .ot-slide" data-slide="next"><span class="icon-next"></span></a>
</
div>
</
div>
<
script type="text/javascript" charset="utf-8">
jQuery.noConflict();
jQuery(document).ready(function($) {
$('#VMmenu<?php echo $ID; ?> .ot-slide').imagesLoaded( function(){
$('#VMmenu<?php echo $ID; ?> .ot-slide').carousel();
});
});
</
script>
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.