Написал такой код но он не работает

    /* Что это 
    {if $dirs}
    {addjs file="{$mod_js}productasbanner.js" basepath="commmon"}
*/
    <div class="advBlock product-as-banner" data-block-url="{$router->getUrl('catalog-block-bannerview',['bndo' => 'getSlide', '_block_id' => $_block_id])}">
        <div class="wrapperContainer">
            <?php require_once 'inc.php'; ?>
        </div>
        <ul class="advList">
            <li /*и это {if $item.id == $current_dir}class="act"{/if}*/><i></i><a data-params='{ "dir":"{$item.id}" }'>{$item.name}</a></li>
            {/foreach}
        </ul>
    </div>

    <script type="text/javascript">
        $(function() {
            $('.advBlock').productsAsBanner();
        });
    </script>

inc.php

 <?php         
$mysqli = new mysqli('localhost', 'root', '', 'base'); 

if (mysqli_connect_errno()) { 
   printf("Подключение к серверу MySQL невозможно. Код ошибки: %s\n", mysqli_connect_error()); 
   exit; 
} 

/* Посылаем запрос серверу */ 
$select_sql = "SELECT id, title, img, price FROM products_ru";
$result = $mysqli->query($select_sql);
$sl = mysqli_fetch_array($result);
do
{
        printf('

  <div class="viewContainer">
    <a class="prev" data-params=\'{ "dir":"{$dir}", "item":"{$item-1}"}\'></a>
    <a class="next" data-params=\'{ "dir":"{$dir}", "item":"{$item+1}"}\'></a>
    <div class="banner" {$product->getDebugAttributes()}>
        <a href="%d" class="picture"><img src="/img/%s" alt="{$product.title}"/></a>
        <div class="info">
            <div class="title">%s</div><br>
            <div class="fcost"><span>%d AZN</span></div><br>
            <a href="" class="more">подробнее</a>
        </div>
</div>
', $sl['id'], $sl['img'], $sl['title'], $sl['price']);    
}
while($sl = mysqli_fetch_array($result))
?>
Закусило Александр пишет:

Я немного не понял. ВЫ создали html страницу как отдельный html файл и там пытаетесь слайдер запустить? Если так, то можно узнать зачем?

Совершенно верно. Мне так легче

пробовал делать так

                                
    <div class="advBlock product-as-banner" data-block-url="/catalog-block-bannerview/?bndo=getSlide&_block_id=3678868925">
        <div class="wrapperContainer">
            <div class="viewContainer">
        <a class="next" data-params='{ "dir":"41", "item":"1"}'></a>    <div class="banner" >
        <a href="/product/planshet-viewsonic-viewpad-10/" class="picture"><img src="/1.jpg" alt="Планшет ViewSonic ViewPad 10"/></a>
        <div class="info">
            <div class="title">Планшет ViewSonic ViewPad 10</div><br>
            <div class="fcost"><span>16 700  р.</span></div><br>
            <a href="/product/planshet-viewsonic-viewpad-10/" class="more">подробнее</a>
        </div>
<div class="banner" >
        <a href="/product/planshet-viewsonic-viewpad-10/" class="picture"><img src="/2.jpg" alt="Планшет ViewSonic ViewPad 10"/></a>
        <div class="info">
            <div class="title">Планшет ViewSonic ViewPad 10</div><br>
            <div class="fcost"><span>16 700  р.</span></div><br>
            <a href="/product/planshet-viewsonic-viewpad-10/" class="more">подробнее</a>
        </div>
    </div>
</div>        
        </div>
        <ul class="advList">
                        <li class="act"><i></i><a data-params='{ "dir":"41" }'>Популярные</a></li>
                    </ul>
    </div>

    <script type="text/javascript">
        $(function() {
            $('.advBlock').productsAsBanner();
        });
    </script>

Но не работает

Здравствуйте я хочу создать простую html страницу. я скопировал код и добавил в html страницу все работает кроме слайдов. Подскажите как сделать чтобы менялись на пример две картинки

<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" >
<meta http-equiv="Content-type" content="text/html; Charset=utf-8" >
<meta name="keywords" content="" >
<meta name="description" content="" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >

<link type="text/css" href="/modules/affiliate/view/css/affiliates.css" media="all" rel="stylesheet">
<link type="application/rss+xml" href="/rss-news/" media="all" rel="alternate">
<link type="text/css" href="//fonts.googleapis.com/css?family=Neucha&amp;subset=cyrillic" media="all" rel="stylesheet">
<link type="text/css" href="/templates/default/resource/css/960gs/reset.css?v=6" media="all" rel="stylesheet">
<link type="text/css" href="/templates/default/resource/css/style.css?v=6" media="all" rel="stylesheet">
<!--[if lte IE 8]><link type="text/css" href="/templates/default/resource/css/960gs/960_orig.css?v=6" media="all" rel="stylesheet"><![endif]-->
<link type="text/css" href="/templates/default/resource/css/960gs/mobile.css?v=6" media="all" rel="stylesheet">
<link type="text/css" href="/templates/default/resource/css/960gs/720.css?v=6" media="all" rel="stylesheet">
<link type="text/css" href="/templates/default/resource/css/960gs/960.css?v=6" media="all" rel="stylesheet">
<link type="text/css" href="/templates/default/resource/css/960gs/1200.css?v=6" media="all" rel="stylesheet">
<link type="text/css" href="/templates/default/resource/css/colorbox.css?v=6" media="all" rel="stylesheet">
<script>
    var global = {"baseLang":"ru","lang":"ru","folder":""};
</script>
<script type="text/javascript" src="/resource/js/jquery.min.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/html5shiv.js"></script>
<script type="text/javascript" src="/resource/js/corelang.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="/resource/js/jquery.deftext.js"></script>
<script type="text/javascript" src="/resource/js/jquery.form.js"></script>
<script type="text/javascript" src="/resource/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/jquery.switcher.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/jquery.ajaxpagination.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/jquery.activetabs.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/jquery.formstyler.min.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/jcarousel/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/jquery.touchswipe.min.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/modernizr.touch.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/common.js"></script>
<script type="text/javascript" src="/templates/default/resource/js/theme.js"></script>
<script type="text/javascript" src="/modules/shop/view/js/jquery.oneclickcart.js"></script>
<script type="text/javascript" src="/modules/affiliate/view/js/modernizr-columns.js"></script>
<script type="text/javascript" src="/modules/affiliate/view/js/searchfiiliates.js"></script>
<script type="text/javascript" src="/modules/affiliate/view/js/affiliate.js"></script>
<script type="text/javascript" src="/modules/catalog/view/js/jquery.favorite.js"></script>
<script type="text/javascript" src="/modules/catalog/view/js/jquery.compare.js"></script>
<script type="text/javascript" src="/resource/js/jquery.mainmenu.js"></script>
<script type="text/javascript" src="/modules/catalog/view/js/productasbanner.js"></script>

</head>
<body class="noShopBase">
    
<div class="navContainer"><div class="container_12 "><div class="grid_5 topCity">
            
    
                            



        <span class="citySelect">
        <span class="cityIcon"></span>
        <a data-href="/affiliates/?referer=%2F" class="cityLink inDialog" data-need-recheck="0" >Другой город</a>
    </span>

                    <span class="cityContacts">
    <i class="cityPhoneIcon"></i>
    <span class="cityPhone">8-800-000-000-02</span>
</span>

        
            
</div><div class="grid_7 topNav">
            
    
                        <div class="gridblock alignright">
            <nav class="topMenuNav">
    <a class="topMenuShort rs-parent-switcher">меню</a>
    <ul class="topMenu">
        <li class=" act" >
            <a href="/" >главная</a>
        </li>
<li class="" >
            <a href="/payment/" >оплата</a>
        </li>
<li class="" >
            <a href="/delivery/" >доставка</a>
        </li>
<li class="" >
            <a href="/contacts/other/" >контакты</a>
        </li>

    </ul>
</nav>

        </div>
        
            
</div></div></div><header class="headerContainer"><div class="container_12 "><div class="grid_4 ">
            
    
                                <a href="/" class="logo">    <img src="/storage/system/resized/xy_206x46/a2dbbaca59b8498ef613925f3a6389fd_a9ecd61e.png">
    </a>    <span class="slogan">Ваш интернет-магазин</span>

        
            
</div><div class="grid_1 favBlock">
            
    
                                
    <a id="favoriteBlock" class="favoriteLink" data-href="/favorite/" data-favorite-url="/favorite/">
        <span class="title">Избранное</span>
        <span class="countFavorite">0</span>
    </a>

                        
    <a class="doCompare compareTopBlock">
        <span class="title">Сравнение</span>
        <span class="compareItemsCount">0</span>
    </a>

        
            
</div><div class="grid_3 authBlock">
            
    
                            <div class="auth alignright">
        <a href="/auth/?referer=%252F" class="first inDialog"><span>Войти</span></a>
    <a href="/register/?referer=%252F" class="inDialog"><span>Зарегистрироваться</span></a>
</div>

        
            
</div><div class="grid_4 basketZone">
            
    
                        <div class="gridblock alignright">
            <a class="basket showCart" id="cart" href="/cart/">
    <div class="cart"><span class="lineHolder"></span><span class="title">КОРЗИНА</span></div>
    <p class="products">товаров: <span class="value">0</span></p>
    <p class="cost">сумма: <span class="value">0 р.</span></p>
</a>
        </div>
        
            
</div></div></header><div class="searchContainer"><div class="container_12 "><div class="grid_12 ">
            
    
                            <form method="GET" action="/catalog/">
    <div class="searchLine">
        <div class="queryWrap" id="queryBox">
            <input type="text" class="query autocomplete" data-deftext="поиск в каталоге" name="query" value="" autocomplete="off" data-source-url="/catalog-block-searchline/?sldo=ajaxSearchItems&_block_id=3832313845">
        </div>
        <input type="submit" class="find" value="">
    </div>
</form>
        
            
</div></div></div><div class="container_12 mainContent"><div class="grid_3 ">
            
    
                                
    <ul class="category">
        
                        <li  ><a href="/catalog/demo-produkty/">Демо-продукты</a>
                            </li>
                        <li  ><a href="/catalog/elektronika/">Электроника</a>
                                                                <ul >
                    <li class="corner"></li>
                                        <li  ><a href="/catalog/planshety/">Планшеты</a>
                                        <li  ><a href="/catalog/noutbuki/">Ноутбуки</a>
                                        <li  ><a href="/catalog/proektory/">Проекторы</a>
                                        <li  ><a href="/catalog/telefony/">Телефоны</a>
                                        <li  ><a href="/catalog/smartfony/">Смартфоны</a>
                                    </ul>
                            </li>
                        <li  ><a href="/catalog/odezhda-obuv/">Одежда, обувь</a>
                            </li>
                        <li  ><a href="/catalog/detskie-tovary/">Детские товары</a>
                            </li>
                        <li  ><a href="/catalog/sport-tovary/">Спорт товары</a>
                            </li>
                        <li  ><a href="/catalog/podarki/">Подарки</a>
                            </li>
                    
    </ul>

        
            
</div><div class="grid_9 grid_fr">
            
    
                                
    <div class="advBlock product-as-banner" data-block-url="/catalog-block-bannerview/?bndo=getSlide&_block_id=3678868925">
        <div class="wrapperContainer">
            <div class="viewContainer">
        <a class="next" data-params='{ "dir":"41", "item":"1"}'></a>    <div class="banner" >
        <a href="/product/planshet-viewsonic-viewpad-10/" class="picture"><img src="/storage/photo/resized/xy_353x272/h/3d0jeylprjyjzdr_5b77e3d9.jpg" alt="Планшет ViewSonic ViewPad 10"/></a>
        <div class="info">
            <div class="title">Планшет ViewSonic ViewPad 10</div><br>
            <div class="fcost"><span>16 700  р.</span></div><br>
            <a href="/product/planshet-viewsonic-viewpad-10/" class="more">подробнее</a>
        </div>
    </div>
</div>        
        </div>
        <ul class="advList">
                        <li class="act"><i></i><a data-params='{ "dir":"41" }'>Популярные</a></li>
                    </ul>
    </div>

    <script type="text/javascript">
        $(function() {
            $('.advBlock').productsAsBanner();
        });
    </script>