javascriptの条件分岐について分からない事があります。

BASEのHTML編集機能を使って、スライドショーの設置を試みているのですが、javascriptの条件分岐？の方法が分からず、お知恵を貸して頂きたく、よろしくお願い致します。

BASEテンプレートドキュメントに、以下の説明があり、
”ヘッダーに特殊なmeta imageタグを記述することで設定することができます。imageの値があるかチェックするブロックも設定されます。値がない場合は1pxの透過の画像を返します。”

例)

normal<html>
<head>
<meta name="image:Header" content="http://thebase.in/img/header.jpg" label="ヘッダー画像">
<meta name="image:Footer" content="" label="フッター画像">
</head>
<body>
<img src="{image:Header}">
<img src="{image:Footer}">
</body>

</html> normal これをすると、デザイン編集画面に、画像登録の項目が追加されることは分かり、以下のようなコードをHTML編集画面に書いたのですが、デザイン編集画面で、画像を画像1〜3にだけ登録して、画像4.5に登録しない場合は、テキストドキュメントにあるとおり、1pxの透化画像が返ってきます。画像を登録した分だけ、<li>〜</li>が出力されるようにしたいのですが、どのように記述すれば良いのでしょうか？ <html> <head> <meta name="image:img1" content="" label="画像1"> <meta name="image:img2" content="" label="画像2"> <meta name="image:img3" content="" label="画像3"> <meta name="image:img4" content="" label="画像4"> <meta name="image:img5" content="" label="画像5"> </head> <body> <ul> <li> <img src="{image:img1}"> </li> <li> <img src="{image:img2}"> </li> <li> <img src="{image:img3}"> </li> <li> <img src="{image:img4}"> </li> <li> <img src="{image:img5}"> </li> </ul> </body> </html>

行動規範の内容に同意します

回答1件

ベストアンサー

BASEの機能が分かりませんが、画像を表示させるのはBASEの機能なら、BASEに頼んだ方が確実かなと思います。
そして、たぶんBASEに頼んでも対応してもらえないとなると、表示されている画像のサイズを見て、1pxなら画像がないと判断するコードを書くか、1pxの画像なら削除するコードを書くしかないかなぁと思いました。
スライドショーのスクリプトは、何か別のスクリプトを用意されているのでしょうか？
それの初期化処理のところで、対象の画像を絞り込む処理を入れる必要があるかと思います。

投稿2015/11/10 12:13

退会済みユーザー

総合スコア0

rxxk0023

2015/11/10 15:17

osapon様ご回答ありがとうございました。ご教示頂いたとおり、BASEに依頼しようと思い、BASEのテンプレートドキュメントを読み返していたところ、meta ifタグというのが用意されており、それを利用して目的を達成することができました。スライドショーは、独自で作れる技術が無く、bxsliderを使って作成しました。 jqueryを勉強し始めたところで、分からないことだらけなのですが、対象画像を絞り込む方法などは身につけたいので、勉強していきたいと思います。また、分からないことがあった際に、ご相談に乗って頂けると幸いですm(_ _)m

行動規範の内容に同意します