P
P
pevec12019-03-30 12:43:15
Slider
pevec1, 2019-03-30 12:43:15

Why does the slider have a gray background instead of images?

spoiler
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
 <META name="y_key" content="a995e865fc8b9a77" >
<meta name="verify-v1" content="k5D6D62ZsCSOUuA33Q3c6kwDs1Tke3+ua/nuuJ2fyk0=" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="Компания Автосфера занимается поставкой запчастей из США и Канады для американских автомобилей. Наша основная специализация – запчасти Крайслер (Chrysler) и запчасти Додж (Dodge) для которых у нас на складе имеется широкий ассортимент оригинальных запчастей и аналогов от ведущих производителей. Для других автомобилей, произведённых для США и Канады, налажены оперативные поставки на заказ." />
<title>О компании >> Запчасти Крайслер (Chrysler), Додж (Dodge)</title>
<link href="/styles/style.css" rel="stylesheet" type="text/css" />
    <!-- Подключаем Bootstrap CSS -->
    <link rel="stylesheet" href="/styles/bs4/bootstrap.min.css" >
    <link rel="stylesheet" href="/styles/bs4/bootstrap-reboot.min.css" >
    <script type="text/javascript" src="http://ff.kis.v2.scr.kaspersky-labs.com/F36FA312-7E8D-924B-B252-70A67F2219A1/main.js" charset="UTF-8"></script><link rel="stylesheet" crossorigin="anonymous" href="http://ff.kis.v2.scr.kaspersky-labs.com/AFCA958E-9B4D-7E47-A810-2E07E4621EB2/abn/main.css"/><script src="/scripts/bs4/control-modal.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/materialize/css/materialize.css"/>
<link rel="stylesheet" href="/styles/fancybox/jquery.fancybox.css">
<link href="/styles/main.css" rel="stylesheet" type="text/css" />
<meta name="keywords" content="." />
<script src="/scripts/jquery-1.9.1.min.js1"></script>
<script	  src="https://code.jquery.com/jquery-2.2.4.min.js"
        integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
        crossorigin="anonymous"></script>
<script>
    window.jQuery || document.write('<script src="/scripts/vendor/jquery.min.js"><\/script>');
</script>
<script type="text/javascript" src="/scripts/jquery-ui-1.12.1.min.js"></script>
    <!-- Подключаем плагин Popper (необходим для работы компонента Dropdown и др.) -->
    <script src="/scripts/bs4/popper.min.js"></script>
    <!-- Подключаем Bootstrap JS -->    
    <script src="/scripts/bs4/bootstrap.min.js"></script>
<script src="/materialize/js/materialize.js"></script>
<!--<script src="/scripts/fancybox/jquery.fancybox.js"></script>-->

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/scripts/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="/scripts/fancybox/source/jquery.fancybox.css?v=2.1.7" type="text/css" media="screen" />
<script type="text/javascript" src="/scripts/fancybox/source/jquery.fancybox.pack.js?v=2.1.7"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/scripts/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/scripts/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/scripts/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="/scripts/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/scripts/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>		

    <script type="text/javascript" src="/basicslider/cloud-zoom/cloud-zoom.1.0.2.js"></script>
<script src="/scripts/main.js"></script>
<script>
  function ch_kcaptcha(){
    $("#img_kcaptcha").attr("src","/kcaptcha/kcaptcha.php?"+Math.random());
  } 
</script>
<script type="text/javascript">$(window).on("load", function () {
    var $preloader = $("#p_prldr"),
        $svg_anm   = $preloader.find(".svg_anm");
    $svg_anm.fadeOut();
    $preloader.delay(500).fadeOut("slow");
});</script>

<!-- BEGIN JIVOSITE CODE {literal} -->
<script>
   var is_mobile2 = false;
  var m;
    if( $('.hide-on-small-only').css('display')=='none') {
        is_mobile2 = true;       
    }

    // now i can use is_mobile to run javascript conditionally

    if (isMobile) {
    //alert("Running test.js");
  } else {
    $.getScript("../../../../scripts/insert_jivo.js", function(){});
  }
</script>
<!-- {/literal} END JIVOSITE CODE -->
  <!-- Syntax Highlighter -->
  <link href="flex/css/shCore.css" rel="stylesheet" type="text/css" />
  <link href="flex/css/shThemeDefault.css" rel="stylesheet" type="text/css" />
  <!-- Demo CSS -->
  <link rel="stylesheet" href="flex/css/demo.css1" type="text/css" media="screen" />
  <link rel="stylesheet" href="flex/flexslider.css" type="text/css" media="screen" />

  <!-- Modernizr -->
  <script src="flex/js/modernizr.js"></script>

  <style>
    .flexslider {
      margin-bottom: 10px;
    }

    .flex-control-nav {
      position: relative;
      bottom: auto;
    }

    .custom-navigation {
      display: table;
      width: 100%;
      table-layout: fixed;
    }

    .custom-navigation > * {
      display: table-cell;
    }

    .custom-navigation > a {
      width: 50px;
    }

    .custom-navigation .flex-next {
      text-align: right;
    }
  </style>
  <!-- FlexSlider -->
  <script defer src="/flex/jquery.flexslider.js"></script>

  <script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
    $(window).load(function(){
      $(".flexslider").flexslider({
        animation: "slide",
        controlsContainer: $(".custom-controls-container"),
        customDirectionNav: $(".custom-navigation a"),
        start: function(slider){
          $("body").removeClass("loading");
        }
      });
    });
  </script>


  <!-- Syntax Highlighter -->
  <script type="text/javascript" src="flex/js/shCore.js"></script>
  <script type="text/javascript" src="flex/js/shBrushXml.js"></script>
  <script type="text/javascript" src="flex/js/shBrushJScript.js"></script>

 
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<style type="text/css">
<!--
.style1 {
  font-size: 14px;
  font-weight: bold;
}
.стиль4 {font-size: 11px}
f5fafd
-->
H1 {font-size: 1.5rem;}
H2 {font-size: 1.5rem;}
H3, H4 {font-size: 1.2rem;}
</style>
     <script src="https://www.google.com/recaptcha/api.js?hl=ru" async defer></script>

</head>

<body style="background-color:#9fa8da;">

<main>

  
<section style="background-color:#9fa8da;" class="z-depth-1">
<div class="container">
      <div class="col s12 m1 l1 hide-on-small-only" style="-webkit-flex-shrink: 2; flex-shrink: 2;">
    </div>
    <div class="col s12 m8 l8" style="-webkit-flex-grow: 12; flex-grow: 12;" align="left">
        <a href="index.php">Главная</a>&emsp;>>&emsp;
      <a href=""></a><br/>
      <h1>О компании</h1>


  <div id="container" class="cf">
  <div id="main" role="main">

  <section class="slider">
        <div class="flexslider">
          <ul class="slides">
            <li>
              <img src="flex/unnamed1.jpg" />
            </li>
            <li>
              <img src="flex/unnamed2.jpg" />
            </li>
            <li>
              <img src="images/kitchen_adventurer_donut.jpg" />
            </li>
            <li>
              <img src="images/kitchen_adventurer_caramel.jpg" />
            </li>
          </ul>
        </div>
        <div class="custom-navigation">
          <a href="#" class="flex-prev">Prev</a>
          <div class="custom-controls-container"></div>
          <a href="#" class="flex-next">Next</a>
        </div>
      </section>
   </div>

  </div>

    </div>
  </div>
  <div class="row hide-on-med-and-up" align="center">
      <a href="http://avto-sphere.ru/links.php?go=http://maps.yandex.ru/moscow_traffic" target="_blank" style="margin-left: auto; margin-right: auto;"><img style="width: 152px; height: 101px" src="http://info.maps.yandex.net/traffic/moscow/current_traffic_150.gif" border="0" alt="Пробки в Москве на Яндекс.Картах" width="152" height="101" /></a>
      <div style="margin-left: auto; margin-right: auto;"><br><a href="http://greatwallzap.ru" title="Китайские запчасти" target="_blank"><img src="http://avto-sphere.ru/banner_greatwall.png" alt="Китайские запчасти" border="0"  /></a></div>
  </div>
</div>
</section>



</main>



<div class="jivo1"></div>
</body>
</html>

Answer the question

In order to leave comments, you need to log in

1 answer(s)
P
pevec1, 2019-03-30
@pevec1

turned out to be due to
materialize.css

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question