「javascript/test」の編集履歴（バックアップ）一覧に戻る

javascript/test - (2017/12/05 (火) 23:53:19) のソース

#js(){{{
<style>
/* [機能1] テーブルではimgタグ下の謎の余白消す */
td img.atwiki_plugin_ref { vertical-align: bottom; }
/* [機能2] アイテムアイコン */
span.item {
  display: inline-block;
  width:  54px;
  height: 59px;
  color: white;
  font-size: 12px;
  text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
  text-align: right;
  vertical-align: bottom;
  padding: 33px 7px 10px 0px;
  background-size: cover;
  box-sizing: border-box;
}
</style>
<script type="text/javascript">
$(function(){
  /* [機能2] アイテムアイコン */
  var fixnames = ['霊衣開放-02', '2004年の断片〔男〕-02', '2004年の断片〔女〕-02', 'EXTELLAチケット-03', 'ブッシュ・ド・ノエル-03', 'ジル・ド・レェ人形-03'];
  var imageapi = 'https://www9.atwiki.jp/f_go?cmd=upload&act=open&pageid=1857&file=';
  //アイテムアイコンの上にテキストを貼る
  $('span.item').each(function(){
    var prm = $.map($(this).text().split(','), $.trim);
    for (var i = 0; i < fixnames.length; i++) {
      if (fixnames[i].indexOf(prm[0]) == 0) {
        prm[0] = fixnames[i];
        break;
      }
    }
    $(this).css('background-image', "url('"+imageapi+prm[0]+".png')").text(prm[1]);
  });
});
</script>
}}}