twitter bootstrap - Image is not passing in carousel in yii2 -
i'm using pretty url. slider working fine can see imgage not sliding. i'm not sure if it's due prettyurl or i've missed source of images - c:\xampp\htdocs\amitopticals\frontend\images. code of index file -
<?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 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 , 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> current output 
update i've changed code of page following. please notice images of other project's location working fine. in below code -
<div class="item active"> <img src="/amitopticals/frontend/images/image1.jpg" alt="ps"> </div> not working
<div class="item"> <img src="/pse/advanced/frontend/images/images/image2.jpg" alt="ps"> </div> working
i'm not sure if i'm missing something. complete code of 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 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 , 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 file
options +followsymlinks rewriteengine on # deal 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
add base url in front of image path 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 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 , 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> 
Comments
Post a Comment