bxslider slider

bxslider

개인적으로 이미지 슬라이더중 젤 괜찮다고 생각하는 bxslider slider

bxslider slider 사용법을 알아보자

일단 bxslider를 홈페이지에서 다운받자

http://bxslider.com/

1 단계 : 링크 파일을 설정해줍니다.

<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />

2 단계 : HTML 마크 업 만들기

<ul class="bxslider">
  <li><img src="/images/pic1.jpg" /></li>
  <li><img src="/images/pic2.jpg" /></li>
  <li><img src="/images/pic3.jpg" /></li>
  <li><img src="/images/pic4.jpg" /></li>
</ul>

3 단계 : bxSlider 호출하기

$(document).ready(function(){
  $('.bxslider').bxSlider();
});

다음은 bxSlider 예제를 살펴보겠습니다.

jquery , javascript(자바스크립트) 날짜 빼기

$(document).ready(function() {

function dateAdd(sDate, v, t) {

var yy = parseInt(sDate.substr(0, 4), 10);

var mm = parseInt(sDate.substr(5, 2), 10);

var dd = parseInt(sDate.substr(8), 10);

if(t == "d"){

d = new Date(yy, mm - 1, dd + v);

}else if(t == "m"){

d = new Date(yy, mm - 1 + v, dd);

}else if(t == "y"){

d = new Date(yy + v, mm - 1, dd);

}else{

d = new Date(yy, mm - 1, dd + v);

}

yy = d.getFullYear();

mm = d.getMonth() + 1; mm = (mm < 10) ? '0' + mm : mm;

dd = d.getDate(); dd = (dd < 10) ? '0' + dd : dd;

return '' + yy + '-' +  mm  + '-' + dd;

}

// 종료일 기준으로 7일전부터 

$("#day7").on("click", function(){

var s_edate = $("#s_edate").val();

$("#s_sdate").val(""+dateAdd(s_edate, -7, "d"));

});

// 종료일 기준으로 14일전부터 

$("#day14").on("click", function(){

var s_edate = $("#s_edate").val();

$("#s_sdate").val(""+dateAdd(s_edate, -14, "d"));

});

// 종료일 기준으로 1달전부터 

$("#month1").on("click", function(){

var s_edate = $("#s_edate").val();

$("#s_sdate").val(""+dateAdd(s_edate, -1, "m"));

});

// 종료일 기준으로 3달전부터 

$("#month3").on("click", function(){

var s_edate = $("#s_edate").val();

$("#s_sdate").val(""+dateAdd(s_edate, -3, "m"));

});

// 종료일 기준으로 6달전부터

$("#month6").on("click", function(){

var s_edate = $("#s_edate").val();

$("#s_sdate").val(""+dateAdd(s_edate, -6, "m"));

});

});

<img id="day7" src="/img/day7.jpg" alt="7일전">

<img id="day14" src="/img/day14.jpg" alt="7일전">

<img id="month1" src="/img/month1.jpg" alt="1달전">

<img id="month3" src="/img/month3.jpg" alt="3달전">

<img id="month6" src="/img/month6.jpg" alt="6달전">

조회시작일<input type="text" id="s_sdate" value="2016-01-12"> - 조회종료일<input type="text" id="s_edate" value="2016-01-12">

특정 단어를 문자열에 포함되어 있는지를 확인하려고 할때 

strspo() 함수를 이용하면 쉽게 해결할 수 있다.

예를 들어 주소가 들어간 긴 문자열에서 특정 지역이 있는지를 확인하고자 할때 쓰면 편리하다.

자바스크립트 모바일기기 확인(javascript mobile detect)

자바스크립트로 모바일인지 아닌지 확인하기 위해서는 일단 UserAgent를 확인해봐야한다.

아래 주소에서 UserAgent 내용을 확인 할 수 있다.

http://user-agents.org/

모바일기기 체크

<script type="text/javascript">

function isMobile(){

var UserAgent = navigator.userAgent;

if (UserAgent.match(/iPhone|iPod|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) != null || UserAgent.match(/LG|SAMSUNG|Samsung/) != null)

{

return true;

}else{

return false;

}

}

if(isMobile()){

location.href = "/mobile/index.html"; //모바일페이지

}else{

location.href = "/main.html"; //PC용 페이지

}

</script>

마일리 사이러스 MTV 생방송 노출사고 (Miley Cyrus)

미국 국민여동생 마일리 사이러스가 또한번 사고를 쳤습니다.

30일(현지시간) 미국 MTV VMA가 열렸고 마일리 사이러스는 몸 전체가 드러나는

노출의상을 입고 나타나서 눈길을 끌었습니다.

MTV 행사가 무르익으며 카메라맨은 무대 준비중인 마일리 사이러스를 포착했고

마일리 사이러스는 옷을 갈아입던 도중에 커튼으로 몸을 가리며 인터뷰를 했습니다.

그러나 이때 마일리 사이러스는 뒤를 돌아본 후 진행을 이어가던중 커튼이 내려가며

가슴노출 사고를 일으켰습니다.

생방 노출 동영상 보러가기

LG 엑스캔버스 고장

약 5년간 사용하던 LG 엑스캔버스 TV가 고장이 났다.

한달전 전원을 켜도 티비 전원부 LED만 깜빡하고 말아서 

LG A/S센터에 연락해서 출장기사님이 오셨는데..

갑자기 또 티비가 나온다. 쉬밤..

출장기사는은 그냥 티비 초기화만 시켜주고..

다음에 또 TV가 안되면 메인보드 교체해야 한다고 한다

비용은 15~20 정도 들거라고하고.. 이런 고장이 많은지 기사님은 

TV를 열어보지도 않고 어디가 잘못됐는지 알고 있는걸까???

LG 엑스캔버스 TV 고장으로 검색을 해보니 이런일들이 수두룩하다.

하지만 다 메인보드 교체란다? ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

LG 엑스캔버스 TV 버리고 그냥 다시 티비를 사고만다.

그리고 다시는 빌어먹을 LG 제품을 사지 않으리라 다짐을 하겠다.

10년을 사용하긴 개뿔.. 5년 사용하고 고장나는데 무상기간은 1년..

거기에 메인보드 재고가 있을지 없을지도 모른단다. ㅋㅋㅋㅋㅋㅋㅋ

저 폭발로 인해서 수백톤의 청산소다가 유출됐다고 합니다.

당분간 비는 맞지 않는게 좋을듯하네요.

그리고 수백명의 사상자가 발생했다고 하는데 ..

그중에 소방대원들도 많이 포함되었다고 하네요.

고인들의 명복을 빕니다.