홈페이지 메인 개선

메인에 h 눌렀을때 메인 글귀 안보이게 토글 되는 방식으로 변경 했습니다.

m(mute)키시 다시 원래 소리로 안나오는 부분 수정했습니다. 개선전

var vs=0;
..중략...
function toggle_sound()
{
if(!is_sound){
  player.unMute();
$("#sound_switch").html("<font style=color:#fff>배경음악 끄기<br><i class='material-icons'>&#xe050;</i></font>");
$("#volume").html(vs);
}else{
 player.mute();
 $("#sound_switch").html("<font style=color:#fff>배경음악 켜기<br><i class='material-icons'>&#xe04f;</i></font>");
 vs=0;
 $("#volume").html("0");
}

개선후

var vs=0;
var temp_vs=0;
function toggle_sound()
{
 if(!is_sound){
 vs=temp_vs;
 player.unMute();
 $("#sound_switch").html("<font style=color:#fff>배경음악 끄기<br><i class='material-icons'>&#xe050;</i></font>");
 $("#volume").html(temp_vs);
 //rangeSlider.noUiSlider.set(temp_vs);
 rangeSlider.removeAttribute('disabled');
}else{
 temp_vs=player.getVolume();
 player.mute();
 $("#sound_switch").html("<font style=color:#fff>배경음악 켜기<br><i class='material-icons'>&#xe04f;</i></font>");
 vs=0;
 $("#volume").html("0");
 //rangeSlider.noUiSlider.set(0);
 rangeSlider.setAttribute('disabled', true);
}

up,down key 시 슬라이더가 미동하지 않는 부분 수정했습니다. 외부에서 제어 하도록 전역 변수화.
```
var rangeSlider;
var rangeSliderValueElement;
```
슬라이더가 아래 생기는 부분 개선 했습니다. admin@ezrachurch.kr:/wp/theme/modificate/head_index.php 개선전
```
#main{position:absolute;width:100%}
```

개선후

#main{position:absolute;width:98%;left:1%}

음소거 중에는 소리를 제어 할 수 없습니다. 해제 하고 소리를 제어 해야 합니다. 아래 코드 추가

function checkKey(e) {
/* ...중략... */
if(e.keyCode=="77"){
    toggle_sound();
    return;
}

if(!is_sound){
    $("#volume").html("음소거중 입니다.'m'키나 '음소거 아이콘'을 눌러 주세요.");
    return;
}

Taebu / ezrachurch

홈페이지 메인 개선 #30