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

http://action713.tistory.com/869 여기서 이어진다. 150114밑에 소스는 아직 더 다듬어야 하지만 일단 기록(문제점 : 어플실행 후 첫번째 gps정보만을 보여준다.다른 gps정도 알 수 없음gps검색 버튼 2번 눌러야 함) * 하이브리드앱? 이니까 실행이 되는 앱..(바탕이 되는 앱)에 소스코드를 작성해야 한다.* function setMessage2(jslatitude) 안 넣으면 안드에서 js함수 못 찾음. * 안드 브릿지는 핸들러 혹은 스레드로 만들 것 * js 함수 -> 안드 , 안드 -> js 함수 는 따로 만들어야 한다. 나처럼 한 함수에 js->안드->js이렇게 하면 무한 재귀호출이 생긴다.ㅜ (Maximum call stack exceeded 뭐..이런 에러남.)..

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://zective.tistory.com/category/%23%20IT/%23%23%20JavaScript jQuery 를 이용한 이미지 리사이징입니다. - 소스 - function autoImgResize(obj, maxSize) { obj.each(function() { var obj = $(this).attr({alt: "클릭하시면 원본 사이즈로 보실 수 있습니다."}).unbind("click").bind("click", function() { window.open(obj.attr("src"), ""); }).css({cursor: "pointer"}); var width = 0, height = 0; width = parseInt(obj.attr("width"), 10) || parse..

http://javascriptandjquerydev.blogspot.kr/2012/07/attr-prop.html .attr() .prop() 왜 나누어졌는가http://ginpen.com/2011/10/12/jquery-attr-prop/ 번역 jQuery 1.6/1.6.1에서 무었이 있었나?.attr()에서 같이 하던 처리를 .attr()와 .prop()로 나누었다그래서 지금까지 움직였던게 움직이지않아 다시 수정하였다지금까지 .attr()만으로 가능하던 처리를 버전1.6의 업데이트로 인하여 .attr()과 .prop()으로 나누어졌습니다. 버전업을 하면 그대로 움직이는 코드도있고 움직이지않는 코드가 있어 많은 혼란이 발생합니다. 많은 혼란으로 결국 버전업데이트 1.6.1에서 .attr()을 예전처럼..

function doShow(imgSrc){ obj = $("#bigimage");$("#bigimage").prop("src",imgSrc); //alert(global_width);//autoImgResize('bigimage',global_width);var width = 0, height = 0;maxSize = global_width.replace("px","")-180; width = obj.prop("width");height = obj.prop("height");obj.attr("width",maxSize+"px");obj.attr("height",Math.round(height * (maxSize / width))+"px");//obj.prop("height",Math.round(heig..

검색어 : jquery 이미지 클릭 확대 jQuery(제이쿼리)효과 - 이미지확대 축소http://bydm7258.blogspot.kr/2013/12/jquery_2281.html jQuery(제이쿼리)효과 - 이미지확대 축소오늘은 jQuery(제이쿼리) 효과중 특정 아이콘을 클릭했을때 이미지가 확대되고 다시 특정 아이콘을 누르면 이미지가 축소 되는 효과에 대해 알아보도록 하겠습니다 먼저 제이쿼리를 다운받아 놓으셔야 겠죠. 그렇다면 소스를 보면서 설명을 하겠습니다 먼저 body태그를 간단하게 선언해보겠습니다 크게 작게 body 태그를 선언 하신후 css스타일을 선언해 보겠습니다 body 와 css 선언이 끝나셨다면 이제 제이쿼리와 자바스크립트를 활용해 액션을 주겠습니다. 위의 소스를 모두 합치면 크게 작..