Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

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

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

Настройки сделал все как указано вот тут: 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>
Я уж и в Web Inspector'e смотрел ошибки - всё равно не получается, помогите пожалуйста
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог