길따라 물따라

자바스크립트에서 확인 과정 없이 창 닫기 자바스크립트~~ 상당히 재미 있고 매력적인 스크립트입니다. 요즘은 스마트폰이 보편화되면서 프로그래밍을 좀더 쉽게 할 수 있도록 ,, jQuery를 이용하는데.. 이 ,jQuery 역시 자바스크립트를 좀더 편하게 사용할 수 있도록 만든 프로그램? 이지요~~ jQuery만 알면 엄청나게 복잡하여 엄두도 못내던 기능을 아주 쉽고 간편하게 구현할 수 있지요~~ 어쨌든.. jQuery 말고 아직도 자바스크립트가 일부 사용되고 잇고,, 많은 분들이 자바스크립트를 필요할때 간단하게 구현하여 사용하고 있지요~~ 오늘은 자바스립트의 close 에 대한 얘기입니다. 자바스크립트에 close()를 이용하여 창을 닫을때 "지금 보고 있는 웹 페이지에서 창을 닫으려고 합니다. 이 창을 ..

jquery 이미지 슬라이드 쇼 높이 자동조절방법 jquery를 이용하면 플래시를 이용하지 않고도 멋진 이미지 슬라이드쇼를 구현할 수가 있습니다. jquery 를 이용한 이미지 슬라이드쇼 구현방법이 궁금하다면 아래 글을 참조하면 됩니다. [관련글] - jquery를 이용한 이미지 슬라이드쇼, 롤링 - 간단한 html 이미지 슬라이드 - 이미지 특정위치 투명도 조절, 이미지 위에 글자 넣기 이미지 슬라이드쇼 크기 및 사진높이 자동조절 이때 슬라이드쇼에 사용되는 이미지는 그 크기가 클 수도 있고 해상도가 큰 이미지를 작게 표시해야 하는 경우가 있습니다. 그런경우 간단하게 스타일을 이용하여 조정이 가능합니다. 이 글은 cycle2.js를 이용하여 슬라이드쇼를 구현시 이미지 높이나 폭을 자동으로 조절하는 방법에..

일반적으로 링크는 태그를 이용하면 되지만,, jquery를 이용하다 보면 이미지에 링크를 걸 수 없는 경우가 있습니다. 물론 다른 사람이 만든 jquery 모듈을 사용하는 경우겠죠! 내가만든거라면 당근 필요한 기능을 넣었을테니까요! 이 글은 jquery를 이용하여 이미지 슬라이드를 구현하는 내용을 올린 글에 댓글로 문의 하신 분들을 위하여 좀더 자세한 설명이 필요할듯해서 별도의 포스팅으로 올립니다. 관련글. [jquery] - 간단한 html 이미지 슬라이드 개발자라면 간단하게 말로 해도 쉽게 알아들을 수 있겟지만.. 그렇지 않은 분은 이해가 어려울것 같다는 생각에 좀더 자세하게 올려보도록 하겠습니다. 이미지에 링크걸기 오해할 수 있어 다시 한번 언급하면 이미지에 링크걸기에 대한 이 글은 위 관련글 jq..

이미지 특정위치 투명도 조절, 이미지 위에 글자 넣기 이미지의 특정 위치를 투명하게 하고 글자넣는 방법을 방법은 이미 만들어져 있는 jquery를 이용하기 때문에 간단하지만.. css 스타일과 함께 사용해야 합니다. 먼저 다음의 이미지 슬라이드를 보시기 바랍니다. 위와 같이 하기 위한 방법은 다음과 같습니다. HTML 소스입니다. 그 다음으로 style sheet를 적용해야 정상적으로 보입니다. css는 다음과 같습니다. 이렇게 멋진 jquery를 만들어줘서 정말 편하게 사용할 수 있네요! 참고사이트. http://jquery.malsup.com/cycle2/demo/overlay.php

간단한 html 이미지 슬라이드 html 이미지 슬라이드쇼 간단하게 구현할 수 있는 방법을 올려봅니다. html로 이미지가 움직이게 하려면 소스가 제법 길고 자바스크립트를 이용해야 합니다. 하지만 자바스크립트를 모듈화한 jquery를 이용하면 아주 손쉽게 구현을 할 수 있습니다. 아래의 이미지가 바로 그 모습이다. 어떤가요? 멋지지요? 방법을 보기 전에 먼저 아래 글을 참조해보세요! - jquery를 이용한 이미지 슬라이드쇼, 롤링 이미지 슬라이드쇼를 구현하는 방법은 다음과 같습니다. jquery 소스 링크를 하고요~~ 아래와 같이 div에 cyle-slideshow를 class에 적어주고 옵션으로 cyle-slideshow data-cycle-loader="wait"을 적어주면 됩니다. 이미지 슬라이드..

jquery를 이용한 이미지 슬라이드쇼, 이미지롤링 jquery를 이용한 이미지 슬라이드쇼 구현하는 방법입니다. jquery를 이용하면 아주 간단하게 슬라이드쇼가 구현됩니다. 일단 한번 보실까요? 지극히 노말하지만 플래시를 이용하지 않고도 이렇게 이미지 슬라이드쇼를 구현할 수 있습니다. 방법을 알아볼까요? cycle2.js 를 이용하는 방법 아래와 같이 cycle2.js만 추가하면 됩니다. 그리고 이렇게 div에 cycle-slideshow를 class로 지정해주고 이미지를 넣어주기만 하면 됩니다. 정말 간단하죠? 물론 여러가지 옵션이 있습니다. 이게 다라면 뭔가 부족한것 같은 느낌이 들 것입니다. 아주 다양한 옵션이 있는데요~~ 한번 볼까요? 이미지 슬라이드쇼 옵션 옵션은 div에 적어주면 됩니다. 자..