길따라 물따라

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

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

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