Не работает слайдер из стороннего шаблона
Настройки сделал все как указано вот тут: http://a4joomla.com/joomla-templates/triplex3r-free/slideshow.html
Подскажите, что делаю не так? Или какой ещё исходник сюда выложить. Ну ни в какую не хочет этот слайдер работать. Картинка только одна отображается, а смены не происходит.
Вот исходник index.php
Код:
<?php // no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$showLeftColumn = (bool) $this->countModules('position-7');
$showRightColumn = (bool) $this->countModules('position-6');
//Мои 2 строчки
$showMyMenu = (bool)$this->countModules('position-2');//Моя строчка
$showSlide =(bool)$this->countModules('slideshow');//Моя строчка
$showRightColumn &= $app->input->getCmd('layout', '')!= 'edit' ;
$logoText = $this->params->get("logoText","TRIPLEX3R");
$logoFontsize = $this->params->get("logoFontsize", "32");
$slogan = $this->params->get("slogan","template from a4joomla.com");
$twitterurl = $this->params->get("twitterUrl");
$facebookurl = $this->params->get("facebookUrl");
$feedurl = $this->params->get("feedUrl");
$googleurl = $this->params->get("googleUrl");
$youtubeurl = $this->params->get("youtubeUrl");
$rightColumnWidth = $this->params->get("rightColumnWidth", "3");
$leftColumnWidth = $this->params->get("leftColumnWidth", "3");
$logoWidth = $this->params->get("logoWidth", "4");
$logoTextPosition = $this->params->get("logoTextPosition", "30");
$sloganPosition = $this->params->get("sloganPosition", "-5");
$searchPosition = $this->params->get("searchPosition", "25");
$topmenuPosition = $this->params->get("topmenuPosition", "5");
$slideshowPosition = $this->params->get("slideshowPosition", "0");
$sociWidth = 9 - $logoWidth;
$headerrightWidth = 12 - $logoWidth;
if ($showLeftColumn && $showRightColumn) {
$contentWidth = 12 - $leftColumnWidth - $rightColumnWidth;
} elseif (!$showLeftColumn && $showRightColumn) {
$contentWidth = 12 - $rightColumnWidth;
} elseif ($showLeftColumn && !$showRightColumn) {
$contentWidth = 12 - $leftColumnWidth;
} else {
$contentWidth = 12 ;
}
// Add JavaScript Frameworks
JHtml::_('bootstrap.framework');
// Add Stylesheets
$doc->addStyleSheet(JURI::base().'templates/'.$this->template.'/css/template.css', $type = 'text/css');
// Load optional RTL Bootstrap CSS
JHtml::_('bootstrap.loadCss', false, $this->direction);
?>
<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<!------------------------------------------------------------Меню------------------------------------------------------------>
<link rel="stylesheet" href="/templates/a4joomla-triplex3r-free/css/ddsmoothmenu.css" />
<script type="text/javascript" src="/templates/a4joomla-triplex3r-free/js/jquery.min.js"></script>
<script type="text/javascript" src="/templates/a4joomla-triplex3r-free/js/ddsmoothmenu.js"></script>
<!--------------------------------теперь сюда нужно подключить слайдер (который идёт с шаблоном)--------------------------------->
<link rel="stylesheet" href="/templates/a4joomla-triplex3r-free/css/nivo-slider.css" />
<link rel="stylesheet" href="/templates/a4joomla-triplex3r-free/css/style.css" />
<!--следующие 2 строки взяты с сайта http://docs.dev7studios.com/jquery-plugins/nivo-slider -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<script src="/templates/a4joomla-triplex3r-free/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript" src="/templates/a4joomla-triplex3r-free/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
//$('#slider').nivoSlider();
$('#slider').on('click', '.nivoSlider', function(){
});
$('#ais_91').on('click', '.nivoSlider', function(){
});
});
$('#slider').nivoSlider({
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
slices: 15, // For slice animations
boxCols: 8, // For box animations
boxRows: 4, // For box animations
animSpeed: 500, // Slide transition speed
pauseTime: 3000, // How long each slide will show
startSlide: 0, // Set starting Slide (0 index)
directionNav: true, // Next & Prev navigation
controlNav: true, // 1,2,3... navigation
controlNavThumbs: false, // Use thumbnails for Control Nav
pauseOnHover: true, // Stop animation while hovering
manualAdvance: false, // Force manual transitions
prevText: 'Prev', // Prev directionNav text
nextText: 'Next', // Next directionNav text
randomStart: false, // Start on a random slide
beforeChange: function(){}, // Triggers before a slide transition
afterChange: function(){}, // Triggers after a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){} // Triggers when slider has loaded
});
$("#ais_91").nivoSlider({
"effect":"fade",
"slices":2,
"controlNav":false,
"directionNavHide":false,
"responsive":true
});
</script>
<style type="text/css">
#ais_91_wrapper{
max-width:980px;
height: 216px; /*всю строчку добавил сам*/
}
#ais_91{
width:100%;
height: auto;/*216px;*//*меняю сам*/
}
.nivoSlider {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#slideshow-container {
width:980px;
height:216px;
}
</style>
<!----------------------------------инициализация горизонтального и вертикального меню----------------------------->
<script type="text/javascript">
//горизонтальное меню
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h',
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
//вертикальное меню
ddsmoothmenu.init({
mainmenuid: "smoothmenu2", //menu DIV id
orientation: 'v',
classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
jQuery(window).on('load', function() {
new JCaption('img.caption');
});
/*
function keepAlive() {
var myAjax = new Request({method: "get", url: "index.php"}).send();}
window.addEvent("domready", function(){ keepAlive.periodical(840000); });
*/
jQuery(document).ready(function()
{
jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});
});
//============================================================================================================================
//=============================================================================================================================
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/icomoon2.css" type="text/css" />
<style type="text/css">
<?php if ($this->countModules('slideshow')) : ?>
#header {
border-bottom: 0;
}
<?php endif; ?>
#logo h2 {
font-size:<?php echo $logoFontsize; ?>px;
margin-top:<?php echo $logoTextPosition; ?>px;
}
#logo h3 {
margin-top:<?php echo $sloganPosition; ?>px;
}
#hsocial {
margin-top:<?php echo $searchPosition; ?>px;
}
#topmenu {
margin-top:<?php echo $topmenuPosition; ?>px;
}
#slideshow-mod {
padding-top:<?php echo $slideshowPosition; ?>px;
}
</style>
<!--[if lt IE 9]>
<script src="<?php echo $this->baseurl ?>/media/jui/js/html5.js"></script>
<![endif]-->
<!--[if lte IE 7]>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/lte-ie7.js"></script>
<![endif]-->
</head>
<body>
<div id="header" class="container">
<div class="row">
<div id="logo" class="span<?php echo $logoWidth; ?>">
<h2><a href="<?php echo JURI::base(); ?>" title="<?php echo htmlspecialchars($logoText); ?>"><?php echo htmlspecialchars($logoText); ?></a></h2>
<h3><?php echo htmlspecialchars($slogan); ?></h3>
</div>
<div id="headerright" class="span<?php echo $headerrightWidth; ?>">
<div id="hsocial" class="row">
<?php if($this->countModules('position-0')) : ?>
<div id="search" class="span3 pull-right clearfix">
<jdoc:include type="modules" name="position-0" style="xhtml" />
</div>
<?php endif; ?>
<div id="soci" class="span<?php echo $sociWidth; ?> pull-right">
<?php if($youtubeurl) : ?>
<a target="_blank" class="myyoutube pull-right" href="<?php echo $youtubeurl; ?>" title="Youtube"><i class="icon2-youtube"></i></a>
<?php endif; ?>
<?php if($feedurl) : ?>
<a target="_blank" class="myfeed pull-right" href="<?php echo $feedurl; ?>" title="Feed"><i class="icon2-feed-2"></i></a>
<?php endif; ?>
<?php if($twitterurl) : ?>
<a target="_blank" class="mytwitter pull-right" href="<?php echo $twitterurl; ?>" title="Twitter"><i class="icon2-twitter-2"></i></a>
<?php endif; ?>
<?php if($googleurl) : ?>
<a target="_blank" class="mygoogle pull-right" href="<?php echo $googleurl; ?>" title="Google"><i class="icon2-google-plus-3"></i></a>
<?php endif; ?>
<?php if($facebookurl) : ?>
<a target="_blank" class="myfacebook pull-right" href="<?php echo $facebookurl; ?>" title="Facebook"><i class="icon2-facebook-2"></i></a>
<?php endif; ?>
</div>
</div>
<?php if($this->countModules('position-1')) : ?>
<div id="topmenu" class="navbar">
<div class="navbar-inner">
<div class="container">
<span class="brand hidden-tablet hidden-desktop">MENU</span>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-downarrow"></span>
</a>
<!--div class="nav-collapse collapse pull-right clearfix">
<jdoc:include type="modules" name="position-1" style="none" />
</div-->
<!--Заменил topmenu на smoothmenu1-->
<div class="ddsmoothmenu" id="smoothmenu1">
<jdoc:include type="modules" name="position-1" />
</div>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
<!--сюда нужно добавить слайд-панель, и каким то образом обернуть в DIV-->
<div id="slideshow-mod"><!--slideshow-container вместо slideshow-mod-->
<div id="slsh">
<div class="moduletable">
<div id="ais_91_wrapper" class="ari-image-slider-wrapper ari-is-theme-default">
<div id="ais_91" class="ari-image-slider nivoSlider" style="height:216px;">
<!--Сюда можно вставить картинку-->
<div id="slider" class="nivoSlider">
<img src="/templates/a4joomla-triplex3r-free/images/3pics-color1.jpg" alt="" title="" class="imageslider-item"/>
<img src="/templates/a4joomla-triplex3r-free/images/3pics-mono1.jpg" alt="" title="" class="imageslider-item"/>
</div>
<!--img class="nivo-main-image" src="/templates/a4joomla-triplex3r-free/images/3pics-color1.jpg"-->
<div class="nivo-caption"></div>
<div class="nivo-directionNav">
<a class="nivo-prevNav">Prev</a>
<a class="nivo-nextNav">Next</a>
</div>
<div class="nivo-slice" name="0" style="left:0px; width:980px; height:216px; opacity:1; overflow:hidden;">
<img src="/templates/a4joomla-triplex3r-free/images/3pics-color1.jpg" />
</div>
<div class="nivo-slice" name="1" style="left:490px; width:490px; height:216px; opacity:0; overflow:hidden;">
<img src="/templates/a4joomla-triplex3r-free/images/3pics-mono1.jpg" />
</div>
</div>
</div>
</div>
</div>
</div>
<!-------------------------------------------------------------------------->
<div id="wrap" class="container">
<?php if($this->countModules('position-2')) : ?>
<div id="pathway">
<jdoc:include type="modules" name="position-2" />
</div>
<?php endif; ?>
<div id="cbody" class="row-fluid">
<?php if($showLeftColumn) : ?>
<!--Сюда также нужно попробовать подключить стороннее меню для проверки его работоспособности-->
<div id="sidebar" class="span<?php echo $leftColumnWidth; ?>">
<jdoc:include type="modules" name="position-7" style="xhtml" />
</div>
<!---------------------------------------------------------------------------------------------->
<?php endif; ?>
<div id="content60" class="span<?php echo $contentWidth; ?>">
<div id="content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
</div>
<?php if($showRightColumn) : ?>
<div id="sidebar-2" class="span<?php echo $rightColumnWidth; ?>">
<jdoc:include type="modules" name="position-6" style="xhtml" />
</div>
<?php endif; ?>
</div>
<!--end of wrap-->
</div>
<div id="footer" class="container">
<?php if($this->countModules('position-14')) : ?>
<jdoc:include type="modules" name="position-14" style="xhtml" />
<?php endif; ?>
</div>
<div id="a4j" class="container"><a href="http://a4joomla.com/"><?php echo JText::_('TPL_A4JOOMLA-TRIPLEX3R-FREE_FOOTER_LINK_TEXT');?></a></div>
</body>
</html>
defined( '_JEXEC' ) or die( 'Restricted access' );
$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$showLeftColumn = (bool) $this->countModules('position-7');
$showRightColumn = (bool) $this->countModules('position-6');
//Мои 2 строчки
$showMyMenu = (bool)$this->countModules('position-2');//Моя строчка
$showSlide =(bool)$this->countModules('slideshow');//Моя строчка
$showRightColumn &= $app->input->getCmd('layout', '')!= 'edit' ;
$logoText = $this->params->get("logoText","TRIPLEX3R");
$logoFontsize = $this->params->get("logoFontsize", "32");
$slogan = $this->params->get("slogan","template from a4joomla.com");
$twitterurl = $this->params->get("twitterUrl");
$facebookurl = $this->params->get("facebookUrl");
$feedurl = $this->params->get("feedUrl");
$googleurl = $this->params->get("googleUrl");
$youtubeurl = $this->params->get("youtubeUrl");
$rightColumnWidth = $this->params->get("rightColumnWidth", "3");
$leftColumnWidth = $this->params->get("leftColumnWidth", "3");
$logoWidth = $this->params->get("logoWidth", "4");
$logoTextPosition = $this->params->get("logoTextPosition", "30");
$sloganPosition = $this->params->get("sloganPosition", "-5");
$searchPosition = $this->params->get("searchPosition", "25");
$topmenuPosition = $this->params->get("topmenuPosition", "5");
$slideshowPosition = $this->params->get("slideshowPosition", "0");
$sociWidth = 9 - $logoWidth;
$headerrightWidth = 12 - $logoWidth;
if ($showLeftColumn && $showRightColumn) {
$contentWidth = 12 - $leftColumnWidth - $rightColumnWidth;
} elseif (!$showLeftColumn && $showRightColumn) {
$contentWidth = 12 - $rightColumnWidth;
} elseif ($showLeftColumn && !$showRightColumn) {
$contentWidth = 12 - $leftColumnWidth;
} else {
$contentWidth = 12 ;
}
// Add JavaScript Frameworks
JHtml::_('bootstrap.framework');
// Add Stylesheets
$doc->addStyleSheet(JURI::base().'templates/'.$this->template.'/css/template.css', $type = 'text/css');
// Load optional RTL Bootstrap CSS
JHtml::_('bootstrap.loadCss', false, $this->direction);
?>
<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<!------------------------------------------------------------Меню------------------------------------------------------------>
<link rel="stylesheet" href="/templates/a4joomla-triplex3r-free/css/ddsmoothmenu.css" />
<script type="text/javascript" src="/templates/a4joomla-triplex3r-free/js/jquery.min.js"></script>
<script type="text/javascript" src="/templates/a4joomla-triplex3r-free/js/ddsmoothmenu.js"></script>
<!--------------------------------теперь сюда нужно подключить слайдер (который идёт с шаблоном)--------------------------------->
<link rel="stylesheet" href="/templates/a4joomla-triplex3r-free/css/nivo-slider.css" />
<link rel="stylesheet" href="/templates/a4joomla-triplex3r-free/css/style.css" />
<!--следующие 2 строки взяты с сайта http://docs.dev7studios.com/jquery-plugins/nivo-slider -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<script src="/templates/a4joomla-triplex3r-free/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript" src="/templates/a4joomla-triplex3r-free/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
//$('#slider').nivoSlider();
$('#slider').on('click', '.nivoSlider', function(){
});
$('#ais_91').on('click', '.nivoSlider', function(){
});
});
$('#slider').nivoSlider({
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
slices: 15, // For slice animations
boxCols: 8, // For box animations
boxRows: 4, // For box animations
animSpeed: 500, // Slide transition speed
pauseTime: 3000, // How long each slide will show
startSlide: 0, // Set starting Slide (0 index)
directionNav: true, // Next & Prev navigation
controlNav: true, // 1,2,3... navigation
controlNavThumbs: false, // Use thumbnails for Control Nav
pauseOnHover: true, // Stop animation while hovering
manualAdvance: false, // Force manual transitions
prevText: 'Prev', // Prev directionNav text
nextText: 'Next', // Next directionNav text
randomStart: false, // Start on a random slide
beforeChange: function(){}, // Triggers before a slide transition
afterChange: function(){}, // Triggers after a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){} // Triggers when slider has loaded
});
$("#ais_91").nivoSlider({
"effect":"fade",
"slices":2,
"controlNav":false,
"directionNavHide":false,
"responsive":true
});
</script>
<style type="text/css">
#ais_91_wrapper{
max-width:980px;
height: 216px; /*всю строчку добавил сам*/
}
#ais_91{
width:100%;
height: auto;/*216px;*//*меняю сам*/
}
.nivoSlider {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#slideshow-container {
width:980px;
height:216px;
}
</style>
<!----------------------------------инициализация горизонтального и вертикального меню----------------------------->
<script type="text/javascript">
//горизонтальное меню
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h',
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
//вертикальное меню
ddsmoothmenu.init({
mainmenuid: "smoothmenu2", //menu DIV id
orientation: 'v',
classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
jQuery(window).on('load', function() {
new JCaption('img.caption');
});
/*
function keepAlive() {
var myAjax = new Request({method: "get", url: "index.php"}).send();}
window.addEvent("domready", function(){ keepAlive.periodical(840000); });
*/
jQuery(document).ready(function()
{
jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});
});
//============================================================================================================================
//=============================================================================================================================
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/icomoon2.css" type="text/css" />
<style type="text/css">
<?php if ($this->countModules('slideshow')) : ?>
#header {
border-bottom: 0;
}
<?php endif; ?>
#logo h2 {
font-size:<?php echo $logoFontsize; ?>px;
margin-top:<?php echo $logoTextPosition; ?>px;
}
#logo h3 {
margin-top:<?php echo $sloganPosition; ?>px;
}
#hsocial {
margin-top:<?php echo $searchPosition; ?>px;
}
#topmenu {
margin-top:<?php echo $topmenuPosition; ?>px;
}
#slideshow-mod {
padding-top:<?php echo $slideshowPosition; ?>px;
}
</style>
<!--[if lt IE 9]>
<script src="<?php echo $this->baseurl ?>/media/jui/js/html5.js"></script>
<![endif]-->
<!--[if lte IE 7]>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/lte-ie7.js"></script>
<![endif]-->
</head>
<body>
<div id="header" class="container">
<div class="row">
<div id="logo" class="span<?php echo $logoWidth; ?>">
<h2><a href="<?php echo JURI::base(); ?>" title="<?php echo htmlspecialchars($logoText); ?>"><?php echo htmlspecialchars($logoText); ?></a></h2>
<h3><?php echo htmlspecialchars($slogan); ?></h3>
</div>
<div id="headerright" class="span<?php echo $headerrightWidth; ?>">
<div id="hsocial" class="row">
<?php if($this->countModules('position-0')) : ?>
<div id="search" class="span3 pull-right clearfix">
<jdoc:include type="modules" name="position-0" style="xhtml" />
</div>
<?php endif; ?>
<div id="soci" class="span<?php echo $sociWidth; ?> pull-right">
<?php if($youtubeurl) : ?>
<a target="_blank" class="myyoutube pull-right" href="<?php echo $youtubeurl; ?>" title="Youtube"><i class="icon2-youtube"></i></a>
<?php endif; ?>
<?php if($feedurl) : ?>
<a target="_blank" class="myfeed pull-right" href="<?php echo $feedurl; ?>" title="Feed"><i class="icon2-feed-2"></i></a>
<?php endif; ?>
<?php if($twitterurl) : ?>
<a target="_blank" class="mytwitter pull-right" href="<?php echo $twitterurl; ?>" title="Twitter"><i class="icon2-twitter-2"></i></a>
<?php endif; ?>
<?php if($googleurl) : ?>
<a target="_blank" class="mygoogle pull-right" href="<?php echo $googleurl; ?>" title="Google"><i class="icon2-google-plus-3"></i></a>
<?php endif; ?>
<?php if($facebookurl) : ?>
<a target="_blank" class="myfacebook pull-right" href="<?php echo $facebookurl; ?>" title="Facebook"><i class="icon2-facebook-2"></i></a>
<?php endif; ?>
</div>
</div>
<?php if($this->countModules('position-1')) : ?>
<div id="topmenu" class="navbar">
<div class="navbar-inner">
<div class="container">
<span class="brand hidden-tablet hidden-desktop">MENU</span>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-downarrow"></span>
</a>
<!--div class="nav-collapse collapse pull-right clearfix">
<jdoc:include type="modules" name="position-1" style="none" />
</div-->
<!--Заменил topmenu на smoothmenu1-->
<div class="ddsmoothmenu" id="smoothmenu1">
<jdoc:include type="modules" name="position-1" />
</div>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
<!--сюда нужно добавить слайд-панель, и каким то образом обернуть в DIV-->
<div id="slideshow-mod"><!--slideshow-container вместо slideshow-mod-->
<div id="slsh">
<div class="moduletable">
<div id="ais_91_wrapper" class="ari-image-slider-wrapper ari-is-theme-default">
<div id="ais_91" class="ari-image-slider nivoSlider" style="height:216px;">
<!--Сюда можно вставить картинку-->
<div id="slider" class="nivoSlider">
<img src="/templates/a4joomla-triplex3r-free/images/3pics-color1.jpg" alt="" title="" class="imageslider-item"/>
<img src="/templates/a4joomla-triplex3r-free/images/3pics-mono1.jpg" alt="" title="" class="imageslider-item"/>
</div>
<!--img class="nivo-main-image" src="/templates/a4joomla-triplex3r-free/images/3pics-color1.jpg"-->
<div class="nivo-caption"></div>
<div class="nivo-directionNav">
<a class="nivo-prevNav">Prev</a>
<a class="nivo-nextNav">Next</a>
</div>
<div class="nivo-slice" name="0" style="left:0px; width:980px; height:216px; opacity:1; overflow:hidden;">
<img src="/templates/a4joomla-triplex3r-free/images/3pics-color1.jpg" />
</div>
<div class="nivo-slice" name="1" style="left:490px; width:490px; height:216px; opacity:0; overflow:hidden;">
<img src="/templates/a4joomla-triplex3r-free/images/3pics-mono1.jpg" />
</div>
</div>
</div>
</div>
</div>
</div>
<!-------------------------------------------------------------------------->
<div id="wrap" class="container">
<?php if($this->countModules('position-2')) : ?>
<div id="pathway">
<jdoc:include type="modules" name="position-2" />
</div>
<?php endif; ?>
<div id="cbody" class="row-fluid">
<?php if($showLeftColumn) : ?>
<!--Сюда также нужно попробовать подключить стороннее меню для проверки его работоспособности-->
<div id="sidebar" class="span<?php echo $leftColumnWidth; ?>">
<jdoc:include type="modules" name="position-7" style="xhtml" />
</div>
<!---------------------------------------------------------------------------------------------->
<?php endif; ?>
<div id="content60" class="span<?php echo $contentWidth; ?>">
<div id="content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
</div>
<?php if($showRightColumn) : ?>
<div id="sidebar-2" class="span<?php echo $rightColumnWidth; ?>">
<jdoc:include type="modules" name="position-6" style="xhtml" />
</div>
<?php endif; ?>
</div>
<!--end of wrap-->
</div>
<div id="footer" class="container">
<?php if($this->countModules('position-14')) : ?>
<jdoc:include type="modules" name="position-14" style="xhtml" />
<?php endif; ?>
</div>
<div id="a4j" class="container"><a href="http://a4joomla.com/"><?php echo JText::_('TPL_A4JOOMLA-TRIPLEX3R-FREE_FOOTER_LINK_TEXT');?></a></div>
</body>
</html>