슬라이드 쇼에 내 캐 러셀 그림이 표시되지 않습니다. 내 브라우저에서 'get local_image_path 404 (찾을 수 없음)'오류가 발생합니다.

내 페이지 앱에 회전식 슬라이더를 사용하고 있습니다. 모든 것이 완벽하게 작동하지만 유일한 문제는 서버를 실행할 때 그림이 나타나지 않는다는 것입니다. 브라우저에서 각 이미지에 대해 '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

모든 이미지가 존재하고 내 로컬 파일의 자산/이미지 아래에 있습니다. –

이 시도하세요 .....이 당신을 위해 작동합니다

<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>

희망 ...............

출처

2016-07-08 12:54:09

감사합니다! 그것은 작동했습니다 –

@ManuelMoreno : 환영합니다! :) –

당신이 필요 경로를 변경하십시오. /assets/images 경로의 이미지가있는 경우. // 로컬 호스트 : 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 (찾을 수 없음)'오류가 발생합니다.

답변

관련 문제