クリッカブルマップをレスポンシブ対応する

クリッカブルマップを使うパターンがあった。このサイトレスポンシブサイトで、つまり画像の大きさがかわる。しかし大丈夫、先人が解決済み。

jQuery-rwdImageMaps
をつかえば、大丈夫。

wordpressの場合、footerにかいたほうがいいかも。今回は、特定のカテゴリ、特定のアイテムで必要だったので、ifで条件つけて表示するようにした。

<?php if(is_single('itemnumber')) : ?>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.rwdImageMaps.min.js"></script>
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
</script>
<?php endif; ?>

晴れ。

2021年3月9日(火曜日)

山形市千手堂からの夕日、晴れてすんだ空気のこの時期はすばらしい

令和3年3月9日

  • 平成33年3月9日
  • 昭和96年3月9日
  • 旧1月26日
  • 弥生(やよい)

今日は何の日

  • 茨城鹿島神宮祭頭祭

用心は勇気の大半なり

ようじんはゆうきのたいはんなり

事をなすのに十分用心するのは、勇気の現われであって、卑怯なふるまいではない。勇気のある者こそ用心して事に当たるものである

引用元

四季風呂暦3月

レモン湯:
ビタミンCの豊富なレモン。食用だけに利用するではなく、皮をお湯に浮かべて入浴しては?ビタミン類が作用して色白でスベスベの美肌を作りあげることだろう。女性にお勧めしたい入浴法だ。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です