내 인생에도 예쁜 꽃이 피었으면 좋겠다

http://jquery.malsup.com/cycle/ http://jquery.malsup.com/cycle2/ http://jquery.malsup.com/cycle2/demo/ Demosshuffle$('#shuffle').cycle({ fx: 'shuffle', easing: 'easeOutBack', delay: -4000 });zoom$('#zoom').cycle({ fx: 'zoom', sync: false, delay: -2000 });fade$('#fade').cycle();turnDown$('#slide').cycle({ fx: 'turnDown', delay: -4000 });curtainX$('#up').cycle({ fx: 'curtainX', sync: false, delay:..

http://bxslider.com/ The Responsive jQuery Content Slider123PrevNext Resize your browser to see the slider adaptHow to installStep 1: Link required filesFirst and most important, the jQuery library needs to be included (no need to download - link directly from Google). Next, download the package from this site and link the bxSlider CSS file (for the theme) and the bxSlider Javascript file. Step ..

http://sachinchoolur.github.io/lightslider/ 소스보기http://jsfiddle.net/sachin377/2patspw2/ http://codepen.io/sachinchoolur/pen/Ihoev Demo Try it JsFiddleCodepen

http://www.owlgraphic.com/owlcarousel/demos/one.html One Item with ImageprevnextSetupIn order for the images to auto fit to slider containers use width 100% on . Check CSS below Javascript$(document).ready(function() { $("#owl-demo").owlCarousel({ navigation : true, // Show next and prev buttons slideSpeed : 300, paginationSpeed : 400, singleItem:true // "singleItem:true" is a shortcut for: // i..

http://wolfharu.tistory.com/archive/20120207 jQuery와 미디어 쿼리를 이용하여 만들어본 이미지 슬라이더 이미지 슬라이더(Images Slider) 형태의 컨텐츠는 대부분의 사이트에서 너무 일반적으로 사용하는 유형입니다. jQuery에서 제공되는 보통의 이미지 슬라이더 기능에 반응형 웹디자인(Responsive Web Design)을 더해 해상도가 작은 디바이스에서도 최적화된 화면을 제공하도록 만들어 본 jQuery Plugins입니다. 또한, 사이트 방문자의 접속 환경이 데스크탑이나 노트북 환경이 아닌 스마트폰이나 태블릿 환경과 같이 터치 이벤트(Touch event)를 제공하는 경우 이전, 다음 버튼과 함께 손가락을 좌우로 배너를 움직여 더 쉽게 컨텐츠를 찾을수 ..

http://mrkn.tistory.com/45 [Javascript] - 이미지 슬라이더(Prev, Next, Auto Play) 사용방법 -------------------------------------------- 1. 필요이미지를 Photo-List Div에 넣고 width 값을 정해준다 2. 그리고 하단 자바스크립트에서 간격을 정해준다 간격은 이미지 가로길이가 100px이라고 가정하면 이미지 Width:100px Margin:5px 기 때문에 총 간격은 105px;가 된다 현재는 2개가 기본으로 나오는데 그러면 가로 총 길이는 210px가 되겠다 스크립트에서 Width: 값을 210으로 바꿔준다(*색깔 참조*) 3. 이 스크립트는 가로 길이와 세로길이만 잘 정해주면 유용하게 사용가능하다

http://www.menucool.com/slider/javascript-image-slider-demo2 이 사이트는 메뉴 , 툴팁 , 색살선택창 ,탭,이미지 슬라이드에 대한 소스를 제공한다.Welcome to Menucool Image SliderHTML ContentThumbnails allows any HTML contentCustomizableThumbnail style is customizableVariety of LayoutsJust a CSS tweak.IntegrationBuilt-in functions for the thumbnailsdemos: 012345678

http://slipp.net/questions/254 현재 Spring + Mybatis 프레임워크와 Tomcat, MySql을 이용한 프로젝트를 진행하고 있습니다. 프로젝트 초창기부터 한글데이터를 기준으로 설계하였습니다. 때문에 디렉토리나 파일구조도 한글에 맞추는 방향으로 프로그래밍을 진행하였구요. 하지만 프로젝트를 진행하는 내내 한글문제가 발생합니다. 그것에 대한 리서치에도 굉장한 시간을 투자하게 되고요.혹자는 글로벌사회에 '굳이 한글을 써야하나'..라고 할 수도 있지만 반대로 '굳이 쓰지 말아야할 이유가 있을까..?'라는 생각이 들었습니다. 만약 사용자가 모두 한국인이라고 가정한다면 한글을 사용하는편이 오히려 restful하지 않을까??라는 생각에서였지요. 그리고 지금 (첫프로젝트입니다) '한글문..

http://haime.egloos.com/tb/1191057검색어 : html 접기 펴기 , html 더보기기능 , 보였다 숨었다 http://haime.egloos.com/1191057예전부터 있던 두가지와 새로 다라나 님의 포스트에서 힌트를 얻어 간단한 접기 태그 3종 세트로 정리했다.1. 이거 하나로 열고 닫기클릭내용을 쓰시오 닫기 ↑아래에 나오는 '닫기'를 빼고 싶으면 빨간 부분을 제거한다. 2. 도로 보시옹 누르세요 내용 쓰삼 3. 또 보시려거든 누르숑 클릭 내용 쓰라옹 [닫기] ↑ 밑줄친 빨간 부분을 빼면 클릭한 뒤 본문만 남고 여닫는 버튼이 사라지옹. ...3번 해결하느라 죽는 줄 알았네;; 3번이 IE와 파이어폭스에서 모두 돌아가도록 표준 자바 언어를 조언해주신 모나카 님 감사드립니다. ..

http://blog.naver.com/bobae0926/220208449024