jquery colorbox Archives

Di tips berikut kita akan menambahkan jQuery colorbox untuk keperluan menampilkan gambar. Ketika gambar di klik, maka akan muncul pop up di halaman tersebut. Berikut langkah-langkahnya : 1. Buat ColorboxAsset.php di dalam folder Asset

<?php

namespace common\assets;

use Yii;
use yii\web\AssetBundle;

class ColorboxAsset extends AssetBundle
{
	public $sourcePath = '@common/themes/edu/assets/js/colorbox';

	public $css = [
		'example1/colorbox.css'
	];

	

	public $depends = [
		'yii\web\JqueryAsset'
	];

	public function init()
	{
		parent::init();

		
		$getLang = explode('-',Yii::$app->language);
		$lang = 'id';

		$this->js = [
			YII_DEBUG?'jquery.colorbox-min.js':'jquery.colorbox-min.js',
			"i18n/jquery.colorbox-{$lang}.js",
		];
	}
}

<?php

namespace common\assets;

use Yii;

use yii\web\AssetBundle;

class ColorboxAsset extends AssetBundle

{

public $sourcePath = '@common/themes/edu/assets/js/colorbox';

public $css = [

'example1/colorbox.css'

];

public $depends = [

'yii\web\JqueryAsset'

];

public function init()

{

parent::init();

$getLang = explode('-',Yii::$app->language);

$lang = 'id';

$this->js = [

YII_DEBUG?'jquery.colorbox-min.js':'jquery.colorbox-min.js',

"i18n/jquery.colorbox-{$lang}.js",

];

}

2. Download jQuery Colorbox dan letakkan di dalam folder js 3. Buka file main.php yang berada di dalam layout dan Read more about Yii2 Tips 18 : Menambahkan jQuery Colorbox[…]

indocoder.com

Tag: jquery colorbox

Yii2 Tips 18 : Menambahkan jQuery Colorbox