Вопрос по VIP-объявлениям в Script-ks 4.2.1

samsung1 написал(а):
Подскажите как сделать вот такой слайдер как на фото ? но только с видео объявлениями ? вот сам код
Нажмите для раскрытия...
Добавляешь в место своего кода
PHP: 
<?
$qv = mysql_query("
    SELECT id, id_catalog, zag, zag_url, video_item
    FROM
        board
    WHERE video_host='youtu.be'
    ORDER BY id
    DESC LIMIT 10");
$nqv = mysql_num_rows($qv);
if($nqv) {
    ?>
    <link href="/css/owl.carousel.css" rel="stylesheet">
    <link href="/css/owl.theme.css" rel="stylesheet">
    <script type="text/javascript" src="/js/owl.carousel.js"></script>
    <div class="latest_ads carousel_area">
        <h1> Видео-объявления</h1>
        <div id="owl-demo" class="owl-carousel">
    <?
    while($rqv=mysql_fetch_array($qv)) {
        ?>
        <div class="item">
                    <?/*
                    <div class="price">
                            ??Cena?? RUB        <div class="arrow-right"></div>
                    </div>
                    */?>
                    <div class="photo">
                        <img src="http://i.ytimg.com/vi/<?=$rqv['video_item']?>/1.jpg" alt="" title="" />
                    </div>
                    <div class="text">
                        <h3><a href="<?=$bp.'items/'.$rqv['zag_url'].'_'.$rqv['id']?>"><span><?=$rqv['zag']?></span></a></h3>
                        <?/*
                        <p></p>
                        <p class="date"></p>
                        */?>
                    </div>
        </div>
        <?
    }
    ?>
        </div>
    </div>
    <?
}
?>
<script type="text/javascript">
    $(document).ready(function() {    
        $("#owl-demo").owlCarousel({  
            autoPlay: 3000, // Установить автозапуск до 3 секунд
            items : 4,
            itemsDesktop : [1000,4], //5 пунктов между 1000px и 901px
            itemsDesktopSmall : [900,4], // betweem 900px and 601px
            itemsTablet: [600,4], //2 пункты между 600 и 0
          
        });  
    });
</script>
В прикреплённом архиве
owl.carousel.zip лежит три файла, один .js файл и два файла .css их нужно подключить прописав к ним путь в коде
HTML: 
    <link href="/css/owl.carousel.css" rel="stylesheet">
    <link href="/css/owl.theme.css" rel="stylesheet">
    <script type="text/javascript" src="/js/owl.carousel.js"></script>

Вуаля!!!:)
 

Вложения

  • owl.carousel.zip
    10,2 KB · Просмотры: 14
поставил выводится только заголовок
Видео-объявления и все
 
levarm написал(а):
А ты точно три прикреплённых файла подключил к сайту?
Нажмите для раскрытия...

файлы css загрузил в папку style а js загрузил в папку js путь прописан так
<link href="/style/owl.carousel.css" rel="stylesheet">
<link href="/style/owl.theme.css" rel="stylesheet">
<script type="text/javascript" src="/js/owl.carousel.js"></script>
 
samsung1 написал(а):
файлы css загрузил в папку style а js загрузил в папку js путь прописан так
<link href="/style/owl.carousel.css" rel="stylesheet">
<link href="/style/owl.theme.css" rel="stylesheet">
<script type="text/javascript" src="/js/owl.carousel.js"></script>
Нажмите для раскрытия...
А ошибки какие то выдаёт?
 
levarm написал(а):
А ты точно три прикреплённых файла подключил к сайту?
Нажмите для раскрытия...
на сайте есть vip блок его нельзя переделать под видео обявления тогда не нужно будет загружать дополнительные скрипты а воспользоватся теми что есть ? там ведь они тоже сменяются

Код: 
<?
        if(!$name_stranica) $kolvip=6; else $kolvip=6;
        //echo $query_vip;
        $r=mysql_query($query_vip);
        $nr=mysql_num_rows($r);
        if($nr)
        {
        $i=0;

echo '<b style="color: #FFF; font-size: 16px;background-color: #ff0000;display: block;padding: 5px 0px; ">VIP-объявления </b><br>';
           
       
        while($rr=mysql_fetch_array($r))
            {
            $tmp_dop='';
            if($rr['f_cena_'])
                {
                if(in_array($rr['id_catalog'], $array_usd)) $valut='$'; else $valut=$rru['cena_valuta'];
                $tmp_dop = '<br>'.number_format( $rr['f_cena_'], 0, ","," ").' '.$valut;
                if($rr['suff']) $tmp_dop .= $rr['suff'];
                }

            if(file_exists($base_path.'foto_vip/'.$rr['id'].'m.jpg'))
                {
                $tmp_vip[$i] .= '<table width="240"><tr><td align=center>';
                $tmp_vip[$i] .= '<a href="'.$bp.'items/'.$rr['zag_url'].'_'.$rr['id'].'" ><img class="imground" src="'.$bp.'foto_vip/'.$rr['id'].'m.jpg" style="border: 1px solid #32CD32"></a><br>';
                $tmp_vip[$i] .= '<a href="'.$bp.'items/'.$rr['zag_url'].'_'.$rr['id'].'" >'.$rr['zag'].'</a>'.$tmp_dop;
                $tmp_vip[$i] .= '</td></tr></table>';
                }
            else
                {
                $tmp_vip[$i] .= '<table><tr><td align=center valign=middle class="imground" width="200" height="200" bgcolor="#D6D6D6">';
                $tmp_vip[$i] .= '<a href="'.$bp.'items/'.$rr['zag_url'].'_'.$rr['id'].'" >'.$rr['zag'].'</a>'.$tmp_dop.'</td></tr></table>';
                }
           
            $tmp_vip[$i] .= '<p>';
            $i++;
            }
           
        if($tmp_vip)
            {
            if(count($tmp_vip)<=$kolvip)
                {
                shuffle($tmp_vip);
                foreach($tmp_vip as $tmp_v)
                    {
                    echo $tmp_v;
                    }
                }
            else
                {
                echo '<div id="vip"></div>';
                ?>
                <script>
                var iround = <?=intval($rru['round'])?>;
                var vip = new Array();
                <?
                foreach($tmp_vip as $index=>$tmp_v)
                    {
                    echo "\n vip[".$index."] = '".$tmp_v."';";
                    }
                ?>
               
                var cou=<?=$kolvip?>;
                var txt = '';
               
                function toNext()
                    {
                    txt='';
                    Array.prototype.shuffle = function( b ){ var i = this.length, j, t; while( i )  {  j = Math.floor( ( i-- ) * Math.random() );  t = b && typeof this[i].shuffle!=='undefined' ? this[i].shuffle() : this[i];  this[i] = this[j];  this[j] = t; } return this;};
                    vip.shuffle();
                    for(i = 0; i < cou; i++)
                        {
                        txt = txt+vip[i];
                        }
                    document.getElementById('vip').innerHTML = txt;
                    if(iround)
                    $(".imground").corner("round");
                    }
                   
                toNext();
               
                function start_viget()
                    {
                       setInterval('toNext()',6000);
                    }
                start_viget();

                </script>
                <?
                }
            }
        }
        ?>
 
Ребята, есть у кого скрипт 2016 года? последней версии как на демо
Скрытое содержимое доступно для зарегистрированных пользователей!
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху