2017-12-27 5 views
-1

私はcodeignitorを初めて使い、コントローラとビューを作成しようとしています。コントローラが正常に作成され、ビューが呼び出されています。ビューも正常に呼び出されていますが、イメージは表示されません。私は写真をビューと同じフォルダに入れてみましたが、他のフォルダには入れませんでしたが、どれもうまくいきませんでした。picsがcodeignitorに読み込まれていない

ビュー

<!doctype html> 
<html> 
<head> 
    <!-- Latest compiled and minified CSS --> 
    <meta charset="utf-8"> 
    <title>Untitled Document</title> 
    <!--<link href="/assists/css/font-awsome.css" rel="stylesheet" type="text/css">--> 
    <!--<link type="text/css" rel="stylesheet" href="/assists/css/stylecinemax.css">--> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    <link rel="stylesheet" type="text/css" href="style2.css"> 
    <!-- Start CSS Slideshow HEAD section --> 
    <link rel="stylesheet" type="text/css" href="engine1/style.css" /> 
    <script type="text/javascript" src="engine1/jquery.js"></script> 
    <!-- End CSS Slider HEAD section --> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

    <!-- jQuery library --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

    <!-- Latest compiled JavaScript --> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
    <body> 

      <div class="header"> 
       <a class="cinestar" href="#"></a> 
       <a id="membersarealink" style="margin-left: 5%" href="#" class="toplink">Home</a> 
       <a id="corporatelink" href="#" class="toplink">Corporate</a> 
       <div class="imaxbox"> 
         <div class="sponsor"><img src="pics/sponsorlogo.png" height="32"></div> 
        </div> 
        <a id="gallerycinestar" href="#" class="toplink">Gallery</a> 
        <a id="aboutus" href="#" class="toplink">About</a> 
        <a id="contactuscinestar" href="#" class="toplink">Contact</a> 
        <div class="contactinfo"> 
         <h1>(042) 111 cinema</h1> 
         <a href="#" class="socialicon"><img src="googleplus-header.png" width="24"></a> 
         <a href="#" class="socialicon" target="_blank"><img src="../pics/2.png" width="24"></a> 
         <a href="#" class="socialicon" target="_blank"><img src="../pics/imax-logo.png" width="24"></a> 
        </div> 
        <div class="topticker" style="background-color:gainsboro"> 
         <span> 
          <a class="online-booking-dialogue" href="login.php">Login</a> 
          <a class="members-area-dialogue" href="registration.php" target="_blank">MEMBER REGISTRATION</a> 
         </span> 
         <p style="padding-left: 2%"> 
          To get SMS Alerts of our daily schedule and promotions, please dial 111 CINEMA from your cellphone 
         </p> 
        </div> <!--toptickter-->   
      </div> <!--header--> 
     </body> 
     </html> 

コントローラ

<?php 
class front_page extends CI_Controller{ 
    public function one() 
    { 
     $this->load->view('header'); 
    } 
} 

これが出力されます。

output

+0

はあなたがする必要があるのconfig.phpにベースURLを設定しています。 – user4419336

答えて

3

私はそれが最初のタイマーが、[表示] - のために混乱を招くことがあり理解することができますimages、css、.etcのような関連ファイル。例えばベースディレクトリに入れなければならない。あなたのメインCodeigntier index.phpファイルと同じディレクトリ。

enter image description here

私はassetsと呼ばれるフォルダに自分のリソースを入れて、サブフォルダimagesを持って、cssjsplugins .etcたいです。それらにアクセスするには次に

あなただけのような何かする必要があります:あなたのコントローラ(または自動ロードファイル)で$this->load->helper('url');をロードした

<img src="/assets/images/emojis/smiley.gif" alt="Smiley face" height="42" width="42"> 

OR

を:

<img src="<?php echo base_url('/assets/images/emojis/smiley.gif'); ?>" alt="Smiley face" height="42" width="42"> 
+0

この手順をさらに進め、['img()'ヘルパー](https://www.codeigniter.com/user_guide/helpers/html_helper.html?highlight=helper#img)を使用することができます。 –

+1

あなたは正しいです。あなたが属性を追加したいのであれば私は個人的にそれを少し冗長にしていますが、その時点であなたはそれを書くだけかもしれません。 – Alex

1

は、画像を作成します。アプリケーションフォルダの同じレベルのフォルダ。

base_url()を使用すると、サイトのベースの場所を取得できます。たとえば :

<img src="<?php echo base_url(); ?>images/image.png" alt="image" > 

あるいは、

<img src="<?php echo base_url("/images/image.png"); ?>" alt="image" > 
関連する問題