이미지마퀴 처럼 겔러리 최근글을 움직이는 소스 구할 수 없을까요? 채택완료
배프로
9년 전
조회 5,337
http://blsclinic2.com/">http://blsclinic2.com/
위 사이트 상단에 사람이 흐르는 이미지처럼.
겔러리 최근글을 저렇게 흘러 가도록 하는...
소스를 좀 구할 수 없을까요?
부탁드립니다. ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
9년 전
페이지에 소스 다 나와있는데요 ㅜㅜ
function init 네요
</p><p> </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// more -------------------------</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>/*</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_container .more").bind({</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>mouseenter : function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).children(".moreTxt").stop().animate({top:-48},500,"easeOutBack");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).children(".bg").stop().animate({backgroundColor:"#f40095"},500,"easeOutCubic");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>},</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>mouseleave : function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).children(".moreTxt").stop().animate({top:0},500,"easeInOutQuint");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).children(".bg").stop().animate({backgroundColor:"#fd5bbe"},500,"easeOutCubic");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>},</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>click : function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>console.log($(this).attr("data-url"));</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>window.open($(this).attr("data-url"),"_self");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>*/</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// more -------------------------</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function loadMenuXML(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$.get("/xml/menu.php?branch=2",null, on_CompleteLoad,"xml");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function on_CompleteLoad(xmlInfo){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>createMenuItems(xmlInfo);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>loadMenuXML();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function createMenuItems(xmlInfo){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var $menuItems = $(xmlInfo).find("menuitem");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var strDOM = "";</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>for(var i=0;i<$menuItems.length;i++){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var $menuItem = $menuItems.eq(i);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>strDOM +='<li data-url="'+$menuItem.find("url").text()+'">'</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>strDOM +=' <img class="photo" src="'+$menuItem.find("img").text()+'">';</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>strDOM +=' <img class="photo2" src="'+$menuItem.find("over").text()+'">';</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>strDOM +=' <div class="bg"></div>';</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>strDOM +=' <img class="view" src="/images/b3/view.png">';</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>strDOM +='</li>';</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_01").append(strDOM);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>init($menuItems.length);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function init(num){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper ul li img.photo2").css({opacity:0}); // 오버이미지 감추기</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var imgWidth=224;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var containerWidth=(imgWidth+0)*num;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").css({width:containerWidth*2});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var $clone=$("#b3_contents_01").clone();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").append($clone);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$clone.css({left:-containerWidth});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper ul").each(function(index,element){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).css({width:containerWidth});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var speedX=0;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var speedY=0;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var oldX;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var oldY;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var speed;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var mdx; // 마우스 눌렀을 때</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var mux; // 마우스 눌렀다 뗐을 때</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var mouseX_arr=new Array();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var myTimer;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var autoTimer;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var zIndex=0;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper ul li").bind({</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>mouseenter : function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).children(".photo2").stop().animate({opacity:1}, 500, "easeOutCubic");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//$(this).children(".bg").stop().animate({opacity:0.3}, 500, "easeOutCubic");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).children(".view").stop().animate({top:194}, 500, "easeOutQuint");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>},</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>mouseleave : function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).children(".photo2").stop().animate({opacity:0}, 500, "easeInOutCubic");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//$(this).children(".bg").stop().animate({opacity:0}, 500, "easeInOutCubic");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).children(".view").stop().animate({top:224}, 500, "easeInOutQuint");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>},</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>click : function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//console.log($(this).index());</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>window.open($(this).attr("data-url"),"_self");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>/*</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper ul li").mousedown(function(e){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>clear_autoSlide();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>mdx=e.pageX;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper ul li").mouseup(function(e){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>mux=e.pageX;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(mdx==mux){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>console.log($(this).attr("data-url"));</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>window.open($(this).attr("data-url"),"_self");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//set_autoSlide();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>*/</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// 자동슬라이드 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var autoMode=true;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var auto_speed;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var auto_speed_num;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//console.log("version : " + $.browser.version)</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if($.browser.mozilla){ // 파이어폭스</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//alert("Firefox/ version : " + $.browser.version)</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed_num=1;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else if($.browser.msie){ // 익스플로러</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//alert("Internet Explorer/ version : " + $.browser.version)</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var browserVer=$.browser.version;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(browserVer=="10.0"){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed_num=1;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else if(browserVer=="9.0"){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed_num=1;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else if(browserVer=="8.0"){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed_num=3;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed_num=1;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else if($.browser.safari){ // 사파리</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//alert("Safari/ version : " + $.browser.version)</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed_num=1;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else if($.browser.chrome){ // 크롬</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//alert("chrome/ version : " + $.browser.version)</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed_num=1;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else if($.browser.opera){ // 오페라</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//alert("Opera/ version : " + $.browser.version)</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed_num=1;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//alert("Unknown")</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed_num=1;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").hover(</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>autoMode=false;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>},</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>autoMode=true;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").mousemove(function(e){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>/*</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(e.pageX>$(window).width()/2){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed=-auto_speed_num;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed=auto_speed_num;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>*/</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>auto_speed=-auto_speed_num/2; // auto_speed초기값이 설정되어야 최초 자동진행</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function autoSlide(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(autoMode){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var pos=$("#b3_contents_wrapper").stop().position().left+auto_speed;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").css({left:pos});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>containerMove();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function set_autoSlide(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>autoTimer=setInterval(autoSlide,10);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function clear_autoSlide(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>clearInterval(autoTimer);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>set_autoSlide();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function getS(e){</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>clearInterval(myTimer);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").stop();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>speedX=0;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>speedY=0;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>oldX=e.pageX;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>oldY=e.pageY;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>mouseX_arr=new Array();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function getPos(e){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>speedX=e.pageX-oldX;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>oldX=e.pageX;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>speed=Math.sqrt((speedX*speedX));</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>startX=e.pageX;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>mouseX_arr.push(startX);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>containerMove();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function dragEnd(e){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>setTimer();<span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var start=mouseX_arr[mouseX_arr.length-2];</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var end=mouseX_arr[mouseX_arr.length-1];</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// ?????????? 난제..........</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(speed>3){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>speed-=3;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>speed=0;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// ?????????? 난제..........<span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(start>end){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>speed=-speed;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//console.log("start="+start+" / end="+end+" / speed="+speed);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(speed>1||speed<-1){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var pos=$("#b3_contents_wrapper").position().left+(speed*10);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").stop().animate({left:pos},500,"easeOutQuint",function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>clearInterval(myTimer);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>set_autoSlide();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>clearInterval(myTimer);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>set_autoSlide();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function setTimer(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>myTimer=setInterval(containerMove,10);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function containerMove(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if($("#b3_contents_01").offset().left>0){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var pos=$("#b3_contents_01").position().left;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$clone.css({left:pos-containerWidth});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if($("#b3_contents_01").offset().left<0){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var pos=$("#b3_contents_01").position().left;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$clone.css({left:pos+containerWidth});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if($clone.offset().left>0){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var pos=$clone.position().left;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_01").css({left:pos-containerWidth});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if($clone.offset().left<0){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var pos=$clone.position().left;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_01").css({left:pos+containerWidth});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// drag 설정</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>/*</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//<span class="Apple-tab-span" style="white-space:pre"> </span>bar를 드래그할 수 있게 해준다</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// x축으로만 움직힐 수 있으며, 범위는 bar의 부모크기만큼만 가능함</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").draggable({axis: 'x'});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").bind("dragstart", function(event, ui){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>getS(event);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//<span class="Apple-tab-span" style="white-space:pre"> </span>drag이벤트를 사용하여 드래그 하는 동안 getPos함수를 호출한다.</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").bind("drag", function(event, ui){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>getPos(event);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#b3_contents_wrapper").bind("dragstop", function(event, ui){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>dragEnd(event);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>*/</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><div>
</div><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
배프로
9년 전
저소스대로 사용할건 아니구요. 저런 형식으로 적용된 skin이 있나 싶어서요 ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인