Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示

トップ > baserCMS全般 > BaserCMS３.0.1のColorbox（カラ-ボックス）表示

sam > BaserCMS３.0.1のColorbox（カラ-ボックス）表示 @ 2014/1/15 11:17
goichi > Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示 @ 2014/1/15 22:34
sam > Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示 @ 2014/1/16 9:59
sam > Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示 @ 2014/1/22 13:41
goichi > Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示 @ 2014/1/23 9:17
sam > Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示 @ 2014/1/23 15:09
» goichi > Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示 @ 2014/1/23 22:39
sam > Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示 @ 2014/1/24 11:27

goichi > Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示 @ 2014/1/23 22:39
ちゃんとver.3以降のファイルを見てみたら、colorboxも使っているバージョンや配置が変わったりしているみたいです。 <?php /** * デフォルトレイアウト */ ?> <?php $this->BcBaser->xmlHeader() ?> <?php $this->BcBaser->docType() ?> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <?php $this->BcBaser->charset() ?> <?php $this->BcBaser->title() ?> <?php $this->BcBaser->metaDescription() ?> <?php $this->BcBaser->metaKeywords() ?> <?php $this->BcBaser->icon() ?> <?php $this->BcBaser->rss('ニュースリリース RSS 2.0', '/news/index.rss') ?> <?php $this->BcBaser->css(array('style', 'admin/colorbox/colorbox')) ?> <?php $this->BcBaser->js(array( 'admin/jquery-1.7.2.min', 'admin/functions', 'startup', 'jquery.bxSlider.min', 'jquery.easing.1.3', 'nada-icons', 'admin/jquery.colorbox-min-1.4.5' )) ?> <?php $this->BcBaser->scripts() ?> <?php $this->BcBaser->element('google_analytics') ?> </head> <script type="text/javascript"> $(function(){ if($("a[rel='colorbox']").colorbox) $("a[rel='colorbox']").colorbox({transition:"fade"}); }); </script> <body id="<?php $this->BcBaser->contentsName() ?>"> ～以下、省略～タグのはじまり部分まで書いてみました。私の環境では動作しています。colorboxを使う場合、Uploaderプラグインを利用してページ変種画面から画像を埋め込むか、画像を表示する際に使うaタグにrel属性を付けて、 `<a href="sample.jpg" rel="colorbox">画像をポップアップ</a>` のようにする必要があります。（Uploaderプラグインは、自動でrel属性を付与してくれます）いかがでしょうか、お試しください。（＾＾

goichi > Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示 @ 2014/1/23 22:39

ちゃんとver.3以降のファイルを見てみたら、colorboxも使っているバージョンや配置が変わったりしているみたいです。

<?php
/**
 * デフォルトレイアウト
 */
?>
<?php $this->BcBaser->xmlHeader() ?>
<?php $this->BcBaser->docType() ?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
	<head>
		<?php $this->BcBaser->charset() ?>
		<?php $this->BcBaser->title() ?>
		<?php $this->BcBaser->metaDescription() ?>
		<?php $this->BcBaser->metaKeywords() ?>
		<?php $this->BcBaser->icon() ?>
		<?php $this->BcBaser->rss('ニュースリリース RSS 2.0', '/news/index.rss') ?>
		<?php $this->BcBaser->css(array('style', 'admin/colorbox/colorbox')) ?>
        
<?php $this->BcBaser->js(array(
			'admin/jquery-1.7.2.min',
			'admin/functions',
			'startup',
			'jquery.bxSlider.min',
			'jquery.easing.1.3',
			'nada-icons',
                                'admin/jquery.colorbox-min-1.4.5'
)) ?>
        
<?php $this->BcBaser->scripts() ?>
<?php $this->BcBaser->element('google_analytics') ?>
	</head>
        <script type="text/javascript">
        $(function(){
        if($("a[rel='colorbox']").colorbox) $("a[rel='colorbox']").colorbox({transition:"fade"});
        });
        </script>

	<body id="<?php $this->BcBaser->contentsName() ?>">
～以下、省略～

タグのはじまり部分まで書いてみました。私の環境では動作しています。colorboxを使う場合、Uploaderプラグインを利用してページ変種画面から画像を埋め込むか、画像を表示する際に使うaタグにrel属性を付けて、

<a href="sample.jpg" rel="colorbox">画像をポップアップ</a>

のようにする必要があります。（Uploaderプラグインは、自動でrel属性を付与してくれます）

いかがでしょうか、お試しください。（＾＾

フラット表示

前のトピック | 次のトピック

Re: BaserCMS３.0.1のColorbox（カラ-ボックス）表示

キーワード検索