2017-01-06 2 views
0

Я использую загрузочный бокс Full Slider here, и когда я заменяю изображение url на изображение в папке, он не работает.image background in full slider bootstrap

image:url('http://placehold.it/1900x1080&... One') 

по

<img class="fill" src="background:url(./img/header.jpg)"></img> 

На начальной загрузки страницы, некоторые ребята были те же проблемы, даже если бы я попробовал другое решение ../img или/IMG, он не работает.

У кого-то есть идея?

спасибо

здесь исходный код из Bootstrap, я изменил

   <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide One');"></div> 

по

<div class="fill" src="img/header.jpg"></div> 

<header id="myCarousel" class="carousel slide"> 
 
     <!-- Indicators --> 
 
     <ol class="carousel-indicators"> 
 
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
 
      <li data-target="#myCarousel" data-slide-to="1"></li> 
 
      <li data-target="#myCarousel" data-slide-to="2"></li> 
 
     </ol> 
 

 
     <!-- Wrapper for Slides --> 
 
     <div class="carousel-inner"> 
 
      <div class="item active"> 
 
       <!-- Set the first background image using inline CSS below. --> 
 
       <div class="fill" style=""></div> 
 
       <div class="fill" src="img/header.jpg"></div> 
 
       <div class="carousel-caption"> 
 
        <h2>Caption 1</h2> 
 
       </div> 
 
      </div> 
 
    
 
     </div> 
 

 
     <!-- Controls --> 
 
     <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
 
      <span class="icon-prev"></span> 
 
     </a> 
 
     <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
 
      <span class="icon-next"></span> 
 
     </a> 
 

 
    </header>

+0

На странице начальной загрузки они не используют img- тег, они используют div-тег, может быть, это исправит? – DomeTune

+0

Я пробовал, не работает .. @DominikNoll – YLM

+0

Где у вас есть html, и где ваш образ? Можете ли вы добавить структуру папок? @YLR – DomeTune

ответ

2

Понял работать на местном с этим:

<div class="fill" style="background-image: url('img/picture.jpg')"></div> 

Внутри обертки DIV

<!-- Wrapper for Slides --> 
<div class="carousel-inner"> 
    <div class="item active"> 
    <!-- Set the first background image using inline CSS below. --> 
     <div class="fill" style="background-image: url('img/picture.jpg')"></div> 
     <div class="carousel-caption"> 
     <h2>Caption 1</h2> 
    </div> 
</div> 
+0

Отличный !! Работаю отлично! Благодаря! – YLM

1

попробуйте это. SRC = "IMG/header.jpg"

+0

это не работает. – YLM

+0

попробуйте перетащить фактическое изображение в свою разметку. – jmag