차근차근/JAVA Script 110

touchSlider

검색어 : touchSlider분류를 어디에 해야 할지 모르겠어서 자바스크립트에 일단 담아 둔다. http://touchslider.com/ JavaScript touch control slider previousnext Download v0.95 (3KB minified and gzipped). Actively supports these browsers: IE6+, Firefox 3+, Safari 5 (mobile Safari 4), Chrome 15, Opera 10+. Need jQuery 1.6+. Source code on GitHub. How to use TouchSlider depends on jQuery. Include both in your header: jQuery(function($..

자바스크립트 이미지 비율 유지 / 썸네일 크게 보이기

function doShow(imgSrc){var bi = document.getElementById("bigimage");//var bi_width = bi.style.width;//var bi_height =bi.style.height;//var maxWidth = bi_width; // Max width for the image// var maxHeight = bi_height; // Max height for the imagevar maxWidth = 100; // Max width for the imagevar maxHeight = 100; // Max height for the imagevar ratio = 0; // Used for aspect ratio var width = $(this)...

자바스크립트 이미지 비율 유지

http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=247&page=96. 반응형 이미지 전진2012.11.26 10:27:11조회 10,494 댓글 45 목록본문목차유동형 이미지유동형 비디오Fitvids.js관련자료반응형 이미지 모바일 퍼스트 접근방법선택적 이미지 전송외부 서비스이미지 다운로드 테스트새로운 반응형 이미지 (표준) 반응형 이미지 그룹구현들반응형 비 텍스트 요소들 반응형 맵반응형 광고반응형 슬라이더참고문헌/자료유동형 이미지반응형 웹을 제안한 Ethan Marcotte (이하 EM)가, 유동형 그리드 (fluid grids)글과 함께 2009년에 제안했던 기법으로, 화면의 폭보다 큰 이미지를 화면폭에 맞춰주도록 max-width:100%로 주..

자바스크립트 예제 모음

http://cyw.pe.kr/xe/index.php?mid=a10&document_srl=72810 JAVASCRIPT (Menu) (예제) (다운로드) 왼쪽의 사각 모양에 화살표 (예제) (다운로드) 심은하 팬 페이지 메뉴 (예제) (다운로드) 서브메뉴가 메뉴 위로 (예제) (다운로드) 밑으로 서브메뉴 아이콘까지 (예제) (다운로드) 서브메뉴가 아래로 쫙 (예제) (다운로드) 옆으로 서브메뉴가 나옴 (예제) (다운로드) 메뉴버튼 옆에 화살표가 (예제) (다운로드) 메뉴로 써 보시면 좋습니다 (예제) (다운로드) cafe i의 메뉴 (예제) (다운로드) 커피컵 홈페이지 메뉴 (예제) (다운로드) 획기적인 효과입니다 (예제) (다운로드) 이미지 클릭시 링크 (예제) (다운로드) 가운데에 서브메뉴 및 자동..

[자바스크립트] 이미지 리사이징

검색어 : 자바스크립트 이미지 비율 http://dochi575.egloos.com/viewer/4306271 function resize(img) { // 원본 이미지 사이즈 저장 var width = img.width; var height = img.height; // 가로, 세로 최대 사이즈 설정 var maxWidth = 340; var maxHeight = 540; var resizeWidth; var resizeHeight; // 이미지 비율 구하기 var basisRatio = maxHeight / maxWidth; var imgRatio = height / width; if (imgRatio > basisRatio) { // height가 기준 비율보다 길다. if (height > max..

섬네일 이미지 클릭시 큰 이미지로 보여주기

http://www.dweb.co.kr/bbs/board.php?bo_table=javascript&wr_id=6&page= html 자바스크립트 나의 경우 function doShow(imgSrc){document.getElementById("bigimage").src = imgSrc;} http://rocabilly.tistory.com/?page=2 작은 이미지들 클릭하면 특정 공간에 큰 이미지 노출 1. 환경 - 쇼핑몰 사이트의 상품소개등에 사용- 여러 썸네일 이미지를 클릭 => 큰 이미지 변경- 큰 이미지 클릭 => 새창으로 이미지 보여줌 2. 소스 - jQueryview plaincopy to clipboardprint? - html or aspxview plaincopy to clipboar..

자바스크립트 다차원배열

http://shonm.tistory.com/category/JAVASCRIPT/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%20%EB%8B%A4%EC%B0%A8%EC%9B%90%20%EB%B0%B0%EC%97%B4 자바스크립트 다차원 배열JAVASCRIPT/자바스크립트 다차원 배열 2009/09/10 15:45 자바스크립트는 기본적으로 다차원 배열을 지원하지 않는다. 그런데 배열안에 배열을 넣는 방식으로 사용이 가능하다. 다음의 코드를 보면 무슨 말인지 이해를 할 수 있을 것으로 본다. var defaultNation = new Array(170); for ( var i=0;i

[팁] 각종 문자열 체크 자바스크립트 함수

http://apps.kiplayer.gethompy.com/bbs/board.php?bo_table=comm_deve&wr_id=11&page=0&sca=&sfl=&stx=&spt=0&page=0&cwin=#c_45 // 문자의 좌, 우 공백 제거 function trim(v) { return v.replace(/(^\s*)|(\s*$)/g, ""); } // 문자의 좌 공백 제거 function ltrim(v) { return v.replace(/(^\s*)/, ""); } // 문자의 우 공백 제거 function rtrim(v) { return v.replace(/(\s*$)/, ""); } // 문자열의 byte 길이 반환 function byte(v) { var cnt = 0; for (var..

정규표현식 총정리

​http://blog.daum.net/bada0217/152 1. 콤마( . ) . 는 어떤 문자 1개를 가리킨다. ( "줄바꿈 문자(\n)"는 제외) ==================================== 표현식 h.t 문자열 hat halt hit heat hot ==================================== 표현식 h..t 문자열 hat halt hit heat hot ==================================== 2. 대괄호 [ ] [ ] 는 안에 있는 문자중 하나를 가리킨다. [abc] a,b,c 중 하나 [a-z] 알파벳 소문자 중 하나 [0-9] 숫자 중 하나 [a-zA-Z] 알파벳 소문자나 대문자 중 하나 ==================..

반응형