Bild ist nicht übergeben Karussell in yii2

Question

Ich benutze hübsche URL. Der Schieberegler funktioniert gut, ich kann sehen, aber die Druckerei gleitet nicht. Ich bin mir nicht sicher, ob es wegen der Prettyurl ist oder ich habe etwas verpasst Die Quelle meiner Bilder sind - C: \ xampp \ htdocs \ amitoptical \ frontend \ images. -Code der Indexdatei -

<?php 

/* @var $this yii\web\View */ 

$this->title = 'Amit Opticals'; 
$this->params['breadcrumbs'][] = $this->title; 
?> 
<div class="site-index"> 
    <div class="body-content"> 
     <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="/amitopticals/frontend/images/image1.jpg" alt="AO"> 
     </div> 

     <div class="item"> 
      <img src="/amitopticals/frontend/images/image2.jpg" alt="AO"> 
     </div> 

     <div class="item"> 
      <img src="/amitopticals/frontend/images/image3.jpg" alt="AO"> 
     </div> 

     <div class="item"> 
      <img src="/amitopticals/frontend/images/image4.jpg" alt="AO"> 
     </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> 
</div> 

Stromausgang

aktualisieren Ich habe den Code von dieser Seite wie folgt geändert. Bitte beachten Sie, dass die Bilder des anderen Projektstandortes gut funktionieren. Im folgenden Code -

<div class="item active"> 
     <img src="/amitopticals/frontend/images/image1.jpg" alt="PS"> 
    </div> 

NICHT

<div class="item"> 
     <img src="/pse/advanced/frontend/images/images/image2.jpg" alt="PS"> 
    </div> 

Arbeits

Arbeit bin ich nicht sicher, ob ich etwas fehle. Der vollständige Code von index.php

<?php 

/* @var $this yii\web\View */ 

$this->title = 'Amit Opticals'; 
$this->params['breadcrumbs'][] = $this->title; 
//$this->params['breadcrumbs'][] = $this->title; 
?> 
<div class="site-index"> 

    <div class="body-content"> 

     <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="/amitopticals/frontend/images/image1.jpg" alt="PS"> 
    </div> 

    <div class="item"> 
     <img src="/pse/advanced/frontend/images/images/image2.jpg" alt="PS"> 
    </div> 

    <div class="item"> 
     <img src="/pse/advanced/frontend/images/images/image3.jpg" alt="PS"> 
    </div> 

    <div class="item"> 
     <img src="/pse/advanced/frontend/images/images/image4.jpg" alt="PS"> 
    </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> 
</div> 

.htaccess Datei

Options +FollowSymlinks 
RewriteEngine On 

# deal with backend first 
RewriteCond %{REQUEST_URI} /(backend) 
RewriteRule ^backend/assets/(.*)$ backend/web/assets/$1 [L] 
RewriteRule ^backend/css/(.*)$ backend/web/css/$1 [L] 
RewriteRule ^backend/image/(.*)$ backend/web/image/$1 [L] 

RewriteCond %{REQUEST_URI} !/backend/web/(assets|css|image)/ 
RewriteCond %{REQUEST_URI} /(backend) 
RewriteRule ^.*$ backend/web/index.php [L] 


RewriteCond %{REQUEST_URI} /(assets|css|js|img|font) 
RewriteRule ^assets/(.*)$ frontend/web/assets/$1 [L] 
RewriteRule ^css/(.*)$ frontend/web/css/$1 [L] 
RewriteRule ^js/(.*)$ frontend/web/js/$1 [L] 
RewriteRule ^image/(.*)$ frontend/web/image/$1 [L] 

RewriteCond %{REQUEST_URI} !/(frontend|backend)/web/(assets|css|js|image|font)/ 
RewriteCond %{REQUEST_URI} !index.php 
RewriteCond %{REQUEST_FILENAME} !-f [OR] 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule ^.*$ frontend/web/index.php 

Answer 1

Add Basis-URL Vor Bildpfad Yii::$app->request->baseUrl

<?php 

/* @var $this yii\web\View */ 

$this->title = 'Amit Opticals'; 
$this->params['breadcrumbs'][] = $this->title; 
?> 
<div class="site-index"> 
    <div class="body-content"> 
     <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="<?=Yii::$app->request->baseUrl?>/frontend/images/image1.jpg" alt="AO"> 
     </div> 

     <div class="item"> 
      <img src="<?=Yii::$app->request->baseUrl?>/frontend/images/image2.jpg" alt="AO"> 
     </div> 

     <div class="item"> 
      <img src="<?=Yii::$app->request->baseUrl?>/frontend/images/image3.jpg" alt="AO"> 
     </div> 

     <div class="item"> 
      <img src="<?=Yii::$app->request->baseUrl?>/frontend/images/image4.jpg" alt="AO"> 
     </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> 
</div>