画像が無いときにNO IMAGEを表示させたいです

Question

分かる方がいましたらよろしく願い致します。
画像が二つしか用意していないものがあり、用意してあるno imageの画像を表示させたいです。
gazouBがあるものとないものがあります。
宜しくお願い致します。

$sql='SELECT kategorie,name,setumei,size,price,gazou,gazouF,gazouB FROM mst_product WHERE code=?';
$stmt=$dbh->prepare($sql);
$data[]=$pro_code;
$stmt->execute($data);

$rec=$stmt->fetch(PDO::FETCH_ASSOC);
$pro_kategorie=$rec['kategorie'];
$pro_name=$rec['name'];
$pro_setumei=$rec['setumei'];
$pro_size=$rec['size'];
$pro_price=$rec['price'];
$pro_gazou_name=$rec['gazou'];
$pro_gazouF_name=$rec['gazouF'];
$pro_gazouB_name=$rec['gazouB'];

$dbh=null;

}
catch(Exception $e)
{
	echo $e->getMessage();
	exit();
}

?>

<?php print '
<div class="wrapB">
	<div class="container contentB">
<div class="col-sm-12 col-md-6">
        <div id="picbox">
<img src="./gazou/'.$pro_gazou_name.'" alt="'.$pro_name.'" class="img-responsive">
    </div>
    <div id="thum">
            <div class="row thumbox">
                <ul>
        <div class="col-xs-3 col-xs-offset-3 sam">
            <li><a href="./gazou/'.$pro_gazou_name.'"><img src="./gazou/'.$pro_gazou_name.'" alt="'.$pro_name.'" class="img-responsive"></a></li>
        </div>
        <div class="col-xs-3 sam">
            <li><a href="./gazou/'.$pro_gazouF_name.'"><img src="./gazou/'.$pro_gazouF_name.'" alt="'.$pro_name.'" class="img-responsive"></a></li>
        </div>
        <div class="col-xs-3 sam">
            <li><a href="./gazou/'.$pro_gazouB_name.'"><img src="./gazou/'.$pro_gazouB_name.'" alt="'.$pro_name.'" class="img-responsive"></a></li>
        </div>
                    </ul>
        </div>
</div>
        </div>

変更後です

$stmt=$dbh->prepare($sql);
$data[]=$pro_code;
$stmt->execute($data);

$rec=$stmt->fetch(PDO::FETCH_ASSOC);
$pro_kategorie=$rec['kategorie'];
$pro_name=$rec['name'];
$pro_setumei=$rec['setumei'];
$pro_size=$rec['size'];
$pro_price=$rec['price'];
$pro_gazou_name=$rec['gazou'];
$pro_gazouF_name=$rec['gazouF'];
$pro_gazouB_name=$rec['gazouB'];
if (!file_exists(__DIR__ . '/gazou/'.$pro_gazouB_name)) {
$pro_gazouB_name_not_flag = true;
}
$dbh=null;

}
catch(Exception $e)
{
	echo $e->getMessage();
	exit();
}
?>
<div class="wrapB">
	<div class="container contentB">
<div class="col-sm-12 col-md-6">
        <div id="picbox">
<img src="./gazou/<?php echo $pro_gazou_name ?>" alt="<?php echo $pro_name ?>" class="img-responsive">
    </div>
    <div id="thum">
            <div class="row thumbox">
                <ul>
        <div class="col-xs-3 col-xs-offset-3 sam">
            <li><a href="./gazou/<?php echo $pro_gazou_name ?>"><img src="./gazou/<?php echo $pro_gazou_name ?>" alt="<?php echo $pro_name ?>" class="img-responsive">></a></li>
        </div>
        <div class="col-xs-3 sam">
            <li><a href="./gazou/<?php echo $pro_gazouF_name ?>"><img src="./gazou/<?php echo $pro_gazouF_name ?>" alt="<?php echo $pro_name ?>" class="img-responsive"></a></li>
        </div>
        <div class="col-xs-3 sam">
            <?php if ($pro_gazouB_name_not_flag): ?>
<li><a href="./gazou/<?php echo $pro_gazouB_name ?>"><img src="./gazou/<?php echo $pro_gazouB_name ?>" alt="<?php echo $pro_name ?>" class="img-responsive"></a></li>
<?php else: ?>
<li><img src="gazou/no_image.jpg" class="img-responsive"></li>
<?php endif; ?>
        </div>
                    </ul>
        </div>
</div>
        </div>
コード

Answer 1

html表示前に以下のように画像の有無を確認してみてはどうでしょうか？

if (file_exists(__DIR__ . '/gazou/'.$pro_gazouB_name)) {
// 画像あり
} else {
// 画像なし
}

Comments

[mas33]

ありがとうございます。
gazou/no_image.jpg
を画像が無いときに表示させたいです。
色々試したのですが、altが表示されたままで表示されませんでした。
もし、ヒント等ありましたら教えていただけませんか？

[kaji]

別件ですが、テンプレはすべてを
<?php print '
で囲むのでなく、一つ一つ以下みたいにしたほうが良いです。
<?php echo $pro_gazouB_name_not_flag ?>

で、ある無しを以下場所あたりに追加して・・。
$pro_gazouB_name=$rec['gazouB'];
if (!file_exists(__DIR__ . '/gazou/'.$pro_gazouB_name)) {
$pro_gazouB_name_not_flag = true;
}
$dbh=null;

テンプレはこんなかんじでどうでしょう。
<?php if ($pro_gazouB_name_not_flag): ?>
<li><a href="./gazou/<?php echo $pro_gazouB_name ?>"><img src="./gazou/<?php echo $pro_gazouB_name ?>" alt="<?php echo $pro_name ?>" class="img-responsive"></a></li>
<?php else: ?>
<li><img src="gazou/no_image.jpg" class="img-responsive"></li>
<?php endif; ?>

[mas33]

丁寧にありがとうございます。
書き替えてみます。

[mas33]

何度もすみません。
もし可能でしたら教えてください。
no-imageは表示させることが出来ましたが、gozouBの画像があるものも表示されずに、no-imageが表示されます。
ヒントを教えていただけませんか？

[kaji]

試した該当箇所のソースコードを張っていただければ

[kei344]

To: kajiさん
横から失礼します。
「if ($pro_gazouB_name_not_flag):」は「if (!$pro_gazouB_name_not_flag):」ではありませんか？

[kaji]

kei344さんご指摘ありがとうございます。その通りでしたmm。
mas33さん失礼しましたmm。そのようにお試しください。

[mas33]

kajiさん、kei344さんありがとうございます。
if (!$pro_gazouB_name_not_flag):
と書き換えてみましたが、今度は画像があるものは表示されますが、
no_imageが表示されずにaltの表示になってしまいました。
何度もすみません…
もし、直す可能性が分かりましたら、宜しくお願い致します。

[kaji]

うーん画像リスト（画像が複数）になってるんですかね・・
flagをやめて直接file_existsを使ってみるとどうですか？
<?php if (file_exists(__DIR__ . '/gazou/'.$pro_gazouB_name)): ?>
<li><a href="./gazou/<?php echo $pro_gazouB_name ?>"><img src="./gazou/<?php echo $pro_gazouB_name ?>" alt="<?php echo $pro_name ?>" class="img-responsive"></a></li>
<?php else: ?>
<li><img src="gazou/no_image.jpg" class="img-responsive"></li>
<?php endif; ?>

Answer 2

別なアプローチとして、DBで画像を管理しているのですから
img srcにはつねにimg_view.php?id=xxxのようなプログラムを用意しておき、
xxxで検索される画像がない場合（もしくはidを指定しない時）は
img_view.phpから予め用意しておいたno_image.jpgを出力し
存在する場合は実際の画像をreadfileして出力するという考え方もあります。
もちろん出力するときには適当なhttpヘッダをつけて出力してください

ただしこの方法は、アクセスログが見づらくなるのとプログラムを挟むため
オーバーヘッドが大きくなるため良し悪しです