Не работает слайдер из стороннего шаблона

fenix_63 · 10.04.2014

Всем привет. Народ, я вот скачал шаблон для Joomla 3.x http://a4joomla.com/joomla-templates/triplex3r-free/ но картинки в этом слайдере не меняются когда я на локальном компе у себя запускаю этот шаблон.

Настройки сделал все как указано вот тут: http://a4joomla.com/joomla-templates/triplex3r-free/slideshow.html
Подскажите, что делаю не так? Или какой ещё исходник сюда выложить. Ну ни в какую не хочет этот слайдер работать. Картинка только одна отображается, а смены не происходит.

Вот исходник index.php

Код (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" />



<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>





</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="ddsmoothmenu" id="smoothmenu1">

<jdoc:include type="modules" name="position-1" />

</div>

</div>

</div>

</div>

<?php endif; ?>

</div>

</div>

</div>



<div id="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>



<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>



</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>

Наши спонсоры

OlegM · 10.04.2014

Смотри в Firebug (DevTools) ошибки JavaScript

fenix_63 · 15.04.2014

Посмотрел, какие были ошибки исправил, осталась только одна, но она в файле, который отвечает за отображение меню, а не слайдера, а вот слайдер настроить, так и не получается...

Текст ошибки: Uncaught TypeError: Cannot set property 'className' of undefined в файле ddsmoothmenu.js
Я аж прям не знаю что делать

Войти или зарегистрироваться

Не работает слайдер из стороннего шаблона

fenix_63 Недавно здесь

Наши спонсоры

OlegM Russian Joomla! Team Команда форума

fenix_63 Недавно здесь

Поделиться этой страницей

Войти или зарегистрироваться

Не работает слайдер из стороннего шаблона

fenix_63 Недавно здесь

Наши спонсоры

OlegM Russian Joomla! Team Команда форума

fenix_63 Недавно здесь

Поделиться этой страницей

Быстрый поиск