私のカルーセル画像はスライダーに表示されません。私のブラウザに「GET local_image_path 404（見つかりません）」というエラーが表示されます。

私の1ページのアプリケーションにカルーセルスライダーを使用しています。すべてが完璧に動作しますが、唯一の問題は、サーバーを実行すると画像が表示されないことです。ブラウザ上では、それぞれの画像のそれぞれのパスに対応するエラー 'GET http://localhost:3000/assets/images/car.jpg 404（見つからない）'が表示されます。私はほとんどのソリューションをオンラインで試しましたが、何も動作していないようです。私のカルーセル画像はスライダーに表示されません。私のブラウザに「GET local_image_path 404（見つかりません）」というエラーが表示されます。

<body> 
     <div class="carousel-container"> 
      <div id="myCarousel" class="carousel slide" data-ride="carousel"> 
    <!-- 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> 
     <li data-target="#myCarousel" data-slide-to="3"></li> 
    </ol> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner" role="listbox"> 
     <div class="item active"> 
     <img src="../assets/images/VedadoPoster.jpg" alt="Poster" /> 
     </div> 

     <div class="item"> 
     <img src="../assets/images/car.jpg" alt="Car" /> 
     </div> 

     <div class="item"> 
     <img src="../assets/images/beach.jpg" alt="Beach" /> 
     </div> 

     <div class="item"> 
     <img src="../assets/images/pool.jpg" alt="Flower"/> 
     </div> 
    </div> 

    <!-- Left and right controls --> 
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
     <span class="sr-only">Previous</span> 
    </a> 
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
     <span class="sr-only">Next</span> 
    </a> 
    </div> 
</div> 
</body>

出典

2016-07-08 Manuel Moreno

あなたは 'HTTPを意味しています：あなたは、

<div class="carousel-inner" role="listbox"> <div class="item active"> <img src="/assets/images/VedadoPoster.jpg" alt="Poster" /> </div> <div class="item"> <img src="/assets/images/car.jpg" alt="Car" /> </div> <div class="item"> <img src="/assets/images/beach.jpg" alt="Beach" /> </div> <div class="item"> <img src="/assets/images/pool.jpg" alt="Flower"/> </div> </div>

あるいは、

<div class="carousel-inner" role="listbox"> <div class="item active"> <%= image_tag 'VedadoPoster.jpg' %> </div> <div class="item"> <%= image_tag 'car.jpg' %> </div> <div class="item"> <%= image_tag 'beach.jpg' %> </div> <div class="item"> <%= image_tag 'pool.jpg' %> </div> </div>

例えばにコードを変更することができます/ images/car.jpg'は画像を返しませんが、404エラーはありますか？すべての画像にチェックが入っていますか？ – kasperite

画像はどこに置かれていますか？ – Sravan

すべての画像が存在し、ローカルファイルのアセット/画像の下にありました –

あなたがする必要がある

出典

2016-07-08 12:54:09

ありがとうございました！それは働いた –

@ManuelMoreno：ようこそ！ :) –

...............これはあなたのために働くことを願っています

<div class="carousel-inner" role="listbox"> 
    <div class="item active"> 
    <%= image_tag 'VedadoPoster.jpg' %> 
    </div> 

    <div class="item"> 
    <%= image_tag 'car.jpg' %> 
    </div> 

    <div class="item"> 
    <%= image_tag 'beach.jpg' %> 
    </div> 

    <div class="item"> 
    <%= image_tag 'pool.jpg' %> 
    </div> 
</div>

.....これを試してみてください。パスを変更し、画像がある場合/assets/imagesパス。 // localhostを：3000 /資産

image_tag("icon") 
# => <img alt="Icon" src="/assets/icon" /> 
image_tag("icon.png") 
# => <img alt="Icon" src="/assets/icon.png" /> 
image_tag("icon.png", size: "16x10", alt: "Edit Entry") 
# => <img src="/assets/icon.png" width="16" height="10" alt="Edit Entry" /> 
image_tag("/icons/icon.gif", size: "16") 
# => <img src="/icons/icon.gif" width="16" height="16" alt="Icon" /> 
image_tag("/icons/icon.gif", height: '32', width: '32') 
# => <img alt="Icon" height="32" src="/icons/icon.gif" width="32" /> 
image_tag("/icons/icon.gif", class: "menu_icon") 
# => <img alt="Icon" class="menu_icon" src="/icons/icon.gif" />

Here is the reference

出典

2016-07-08 13:05:42 Sravan

本当にありがとうございました！出来た！ –

私のカルーセル画像はスライダーに表示されません。私のブラウザに「GET local_image_path 404（見つかりません）」というエラーが表示されます。

答えて

関連する問題