個人用ツール

「ver4/関数リファレンス/BcBaser img」を編集中

提供: baserCMS公式ガイド

移動: 案内, 検索

警告: ログインしていません。

編集すると、IPアドレスがこのページの編集履歴に記録されます。
この編集を取り消せます。 下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
最新版 編集中の文章
行1: 行1:
 
<metadesc>baserCMSの関数、bcbaser img の解説です。この関数はbasercmsに画像を埋め込み・表示させます。</metadesc>
 
<metadesc>baserCMSの関数、bcbaser img の解説です。この関数はbasercmsに画像を埋め込み・表示させます。</metadesc>
 
## 説明
 
## 説明
画像¥タグを出力する。
+
画像読み込みタグを出力します。
  
 
## 使い方
 
## 使い方
 
<syntaxhighlight lang="php">
 
<syntaxhighlight lang="php">
<?php $this->BcBaser->img( $path , [$options] ); ?>
+
$this->BcBaser->img( $path , [$options] );
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
## パラメータ
 
## パラメータ
(string)$path
+
$path
: 先頭にスラッシュをつけた場合は、'''{baserCMSの設置フォルダ}/''' からのパスとなる。<br>
+
: 画像ファイルまでのパス。先頭にスラッシュをつけた場合は、{baserCMSの設置フォルダ}/ からのパスとなる。スラッシュをつけず相対パスとした場合は、{baserCMSの設置フォルダ}/img/ からのパスとなる。テーマを使用している場合は、{baserCMSの設置フォルダ}/theme/{テーマ名}/imgからのパスとなる。
スラッシュをつけず相対パスとした場合は、'''{baserCMSの設置フォルダ}/img/''' からのパスとなる。<br>
+
:  初期値:−
テーマを使用している場合は、'''{baserCMSの設置フォルダ}/theme/{テーマ名}/img''' からのパスとなる。
+
  
(array)$options
+
$options
: オプション。要素の属性等を連想配列で指定する。(主にHTML属性)
+
: オプション(主にHTML属性)
: class / alt 等
+
: 初期値:array()
: - 初期値:array()
+
  
 +
## 戻り値
 +
(void) 
 +
:
  
 
## 用例
 
## 用例
 
### 基本
 
### 基本
logo.pngを出力する。
 
 
####コード
 
####コード
 
<syntaxhighlight lang="php">
 
<syntaxhighlight lang="php">
<?php $this->BcBaser->img('logo.png'); ?>
+
<?php $this->BcBaser->img('logo.png', array('alt'=>'ロゴ')); ?>
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
####出力
 
####出力
 
<syntaxhighlight lang="html5">
 
<syntaxhighlight lang="html5">
<img src="/theme/{現在のテーマ名}/hoge/img/logo.png">
+
<img src="{baserCMSの設置フォルダ}/theme/hoge/img/logo.png" alt="ロゴ">
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
### 応用
 
### 応用
logo.pngを属性をつけて出力する。
 
 
####コード
 
####コード
 
<syntaxhighlight lang="php">
 
<syntaxhighlight lang="php">
<?php $this->BcBaser->img("/img/logo.png", array('alt'=>'baserCMSロゴ', 'class'=>'header-logo', 'width'=>'200px', 'height'=>'160px') ); ?>
+
 
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
####出力
 
####出力
 
<syntaxhighlight lang="html5">
 
<syntaxhighlight lang="html5">
<img src="/theme/{現在のテーマ}/img/logo.png" alt="baserCMSロゴ" class="header-logo" width="200px" height="160px">
+
 
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 +
## 注
 +
 +
## 変更履歴
 +
 +
## ソースファイル
 +
 +
## 関連資料
  
 
##類似の関数
 
##類似の関数
- [getImg](/ver4/関数リファレンス/getImg) - 画像タグを取得する
+
 
 +
[[Category:関数リファレンスver4]]

baserCMS公式ガイドへのすべての投稿は、他の利用者によって編集、変更、除去される場合があります。 あなたの投稿を、他人が遠慮なく編集するのを望まない場合は、ここには投稿しないでください。
また、投稿するのは、あなたが書いたものか、パブリック ドメインまたはそれに類するフリーな資料からの複製であることを約束してください (詳細は[[Basercms:著作権 ]]を参照)。 著作権保護されている作品を、許諾なしに投稿してはいけません!

Add Categories
Update Categories
  

中止 | 編集の仕方 (新しいウィンドウで開きます)