CSSとjQueryで画像を途中でﾄﾘﾐﾝｸﾞしてﾘｻｲｽﾞ
教えていただきたいです｡
画像を画面幅600pxまでは､width100%のまま｡
600px以下になった場合は画像の左右を5％ﾄﾘﾐﾝｸﾞして中央揃えにﾘｻｲｽﾞandﾚｽﾎﾟﾝｼﾌﾞ対応｡
という処理を作りたいのですが､おかしな書き方があるかと思うのですが､思うような結果になりません｡
過不足な箇所がございましたら(そもそも違ってたら)､ｺｰﾄﾞの書き方を教えていただけると嬉しいです｡
よろしくお願い致します｡
※作業中のｺｰﾄﾞなので､若干中途半端な感じです｡すいません
<div class="imgbox">
<img src="koma.jpg" alt="koma" class="koma">
</div>
.imgbox{
margin: 0 auto;
position: relative;
}
.imgbox .koma{
position: absolute;
margin: 0 auto;
width: 100%;
}
$(window).on("resize",function(){
var komaW = $(".imgbox").width();
var maxW = 600;
if(komaW < maxW){
$(".koma").css({left: "-10%"});
}else{
$(".koma").css({left: "0"});
}
})
