Menampilkan Gambar atau Image dengan Yii Framework

Menampilkan Gambar atau Image dengan Yii Framework - Kali ini kita akan menggunakan helper CHtml Yii Framwork untuk menampilkan atau meload sebuah gambar atau images. dengan menggunakan Chtml::image kita dapat gunakan untuk menampilkan gambar seperti tag Html <img src="">.

Baca juga : Membuat Form Dengan Yii Framework

Untuk Menampilkan Gambar / Image di Yii Framework dengan helper CHtml menggunakan script :

CHtml::image("$src", "$alt", $HtmlOption=array());

$src = Url gambar anda / direktori gambar anda

$alt = alt tag content / tulisan yang muncul ketika kursor di atas gambar

$HtmlOption=array() = attribut untuk gambar

Untuk lebih jelasnya sekarang kita langsung masuk ke dalam prakteknya. Jika anda belum menginstal Yii Di localhost anda dapat melihatnya Di Sini.

Persiapan :

Sebelum memulai coding siapkanlah dahulu sebuah gambar, kemudian letakan gambar tersebut di dalam direktori images, ganti nama gambar tersebut dengan bunsin.jpg.

1. Contoller

Buatlah sebuah file PHP di dalam direktori Protected/Controller dengan isi script seperti berikut :

<?php

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

/**
 * Description of ImagesController
 *
 * @author Jin Toples
 */
class ImagesController extends Controller {
    //put your code here
    function actionIndex(){
        $this->render("images");
    }
}

?>

Penjelasan :

$this->render("images");

Digunakan untuk meload sebuah view yang bernama images.

2. View

Buatlah sebuah folder baru di dalam direktori Protected/view dengan nama images, kemudian buatlah sebuah file PHP di dalammnya dengan nama Images, dengan isi script seperti berikut :

<?php
echo CHtml::image("images/bunsin.jpg","images",array("width"=>600));
?>

Untuk melihat hasilnya, ketikan di url browser :

http://localhost/Belajar_Yii/website/index.php?r=images

*notes kode yang berwarna merah adalah direktori folder Yii Framwork anda di localhost.