jquery bPopup 플러그인 팝업 위치 재지정하기

jquery bPopup modal popup 플러그인 사용시

팝업창 위치 새로 고침하기


bPopup을 이용해 기본 팝업 설정을 해주고,

$('selector').bPopup({


});


기본은 한번 실행후 다시 클릭을 하면 이전에 설정된 위치에서 시작된다.

보통은 같은 내용을 이용해 문제가 없겠지만,

팝업안의 컨텐츠가 계속 달라져야 한다면,

위치가 초기 위치에 고정되다 보니 컨텐츠를 제대로 볼수 없을때가 있다.


이때,


$('selector').reposition(animationSpeed) 을 이용해 주면 된다.


resposition()은 bPopup 플러그인 version 0.10.0 이상에서 동작한다.




예제)

$('#selector').click(function(){


var bpopup = $('selector').bPopup();

bpopup.reposition(100);


});




jquery를 이용해 텍스트 블링크(blink) 만들기

간단히 jquery를 이용해서 블링크 텍스트를 만들어보자.
해보니, 굳이 움직이는 gif로 할필요없겠다. 경우에 따라서는 css를 이용해서 순간순간 블링크 텍스트 색상도맘대로 변경할수도 있고.

<span class='icn_new'>new</span>

//블링크 시작.
var icn_blink = setInterval(function(){
$('span.icn_new').fadeOut('slow').fadeIn('slow');
},2000);

//블링크 중지가 필요할경우,  
$('span.icn_new').mouseover(function(){clearInterval(icn_blink);});

적용되는 브라우져는
ie7.0이상, firefox, crome, opera 에서 이용가능하다.