.eachで画像がそれぞれ縦長か判別

.eachで画像がそれぞれ縦長か判別:

check_size.js
$(function(){ 
    //shop_infoの画像がそれぞれ縦長か判別 
  $('.shop_info li ').each(function(){ 
    //imgを制作 
        let img = new Image(); 
        img.src = $(this).children('img').attr('src'); 
        //ソースから縦横サイズを取得 
    let h = img.height; 
    let w = img.width; 
    //縦長であればtallクラスをつける 
    if (h > w) { 
            $(this).addClass('tall'); 
    } 
  }); 
}); 

コメント

このブログの人気の投稿

投稿時間:2021-06-17 22:08:45 RSSフィード2021-06-17 22:00 分まとめ(2089件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)