Hai para master Yii
Saya memakai Yii versi 1.
saya punya bootstrap CGridview (‘ext.bootstrap.widgets.BootGridView’)
yg salah satu kolomnya berisi gambar dari database dgn type mediumblob
Gambar di kolom foto udh muncul tapi saya ingin jika mouse hover ke gbr tersebut bisa ditampilkan dgn ukuran lebih besar (enlarged)
Sejauh ini ketika mouse ada diatas gambar, muncul kotak seperti tooltips tapi isinya kode hexadecimal bukan gambar.
Help para master Yii, gmn supaya gambar yang muncul di kotak tooltips itu ?
Coding saya seperti ini :
-
ini di CGridview :
array ( 'name'=>'foto', 'header'=>'Photo', 'type'=>'raw', 'filter'=>'', 'headerHtmlOptions'=>array( 'style'=>'text-align: center; color:FloralWhite; font-size:14px; font-family:Tahoma; text-shadow:3px 3px 3px Black; box-shadow:0 2px DarkSlateGray; -webkit-box-shadow:0 2px DarkSlateGray; -moz-box-shadow:0 2px DarkSlateGray; background:-moz-linear-gradient(35deg, Gray,LightSlateGray,SlateGray,DimGray); background:-webkit-linear-gradient(35deg, Gray,LightSlateGray,SlateGray,DimGray); '), 'value'=>function($data) { return CHtml::tag('div',array('title'=>CHtml::image($data->data_uri($data->file_name,$data->file_type,$data->foto),'DORE')), CHtml::image($data->data_uri($data->file_name,$data->file_type,$data->foto),"DORE", array("width"=>40,"height"=>40,"style"=>"border:2px outset Silver; box-shadow:1px 1px 5px DarkSlateGray; cursor:pointer;"))); },
-
Ini di model untuk menampilkan gambar di CGridview
public function data_uri($file, $mime, $contents)
{
$base64 = base64_encode($contents); return "data:$mime;base64,$base64";
}
Penampakan CGridview terlampir
Thanks atas bantuannya