<div><link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/></div> <div><link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/></div> <div><script type="text/javascript" src="<a target="_blank" href="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js</a>"></script></div> <div><script type="text/javascript" src="js/jquery.easing.1.3.js"></script></div> <div><script type="text/javascript"></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$(window).load(function() {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>sliderLeft=$('#thumbScroller .container').position().left;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>padding=$('#outer_container').css('paddingRight').replace("px", "");</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>sliderWidth=$(window).width()-padding;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller').css('width',sliderWidth);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var totalContent=0;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller .content').each(function () {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>totalContent+=$(this).innerWidth();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller .container').css('width',totalContent);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller').mousemove(function(e){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if($('#thumbScroller .container').width()>sliderWidth){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var mouseCoords=(e.pageX - this.offsetLeft);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var mousePercentX=mouseCoords/sliderWidth;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var destX=-(((totalContent-(sliderWidth))-sliderWidth)*(mousePercentX));</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var thePosA=mouseCoords-destX;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var thePosB=destX-mouseCoords;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var animSpeed=600; //ease amount</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var easeType='easeOutCirc';</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(mouseCoords==destX){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller .container').stop();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>else if(mouseCoords>destX){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>//$('#thumbScroller .container').css('left',-thePosA); //without easing</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller .container').stop().animate({left: -thePosA}, animSpeed,easeType); //with easing</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>else if(mouseCoords<destX){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>//$('#thumbScroller .container').css('left',thePosB); //without easing</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller .container').stop().animate({left: thePosB}, animSpeed,easeType); //with easing</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller .thumb').each(function () {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$(this).fadeTo(fadeSpeed, 0.6);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var fadeSpeed=200;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller .thumb').hover(</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>function(){ //mouse over</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$(this).fadeTo(fadeSpeed, 1);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>},</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>function(){ //mouse out</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$(this).fadeTo(fadeSpeed, 0.6);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$(window).resize(function() {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>//$('#thumbScroller .container').css('left',sliderLeft); //without easing</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller .container').stop().animate({left: sliderLeft}, 400,'easeOutCirc'); //with easing</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('#thumbScroller').css('width',$(window).width()-padding);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>sliderWidth=$(window).width()-padding;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});<span class="Apple-tab-span" style="font-size:9pt;line-height:1.5;white-space:pre;"> </span></div> <div></script></div> <div><br></div> <div><br></div> <div><link rel="stylesheet" type="text/css" href="css/YouTubePopUp.css"></div> <div><script type="text/javascript" src="js/jquery-1.12.1.min.js"></script></div> <div><script type="text/javascript" src="js/YouTubePopUp.jquery.js"></script></div> <div><script type="text/javascript"></div> <div> jQuery(function(){</div> <div> jQuery("a.bla-1").YouTubePopUp();</div> <div> jQuery("a.bla-2").YouTubePopUp( { autoplay: 0 } ); // Disable autoplay</div> <div> });</div> <div></script></div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div>제이쿼리 2개 모두 작동하게 하고 싶습니다. 어디를 수정해야할까요??</div> <div><br></div>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.