이미지 확대경 - 마우스를 움직일 때 마우스 오버시 이미지 확대 및 이동

Question

여기에 좋은 예제가 있지만 코드를 어떻게 사용하는지 잘 모릅니다.
먼저 Blogger에서 코드를 시도했지만 아무 것도 보여주지 않았습니다.
둘째, jsfiddle에서 코드를 시도했지만 아무 것도 보여주지 않았습니다.
셋째, 코드를 내보내고 Blogger에 붙여 넣었습니다. 아무 것도 보여주지 않았습니다. > :(
내가 보낸 .html 및 온라인 샘플을 사용하는 경우에만 작동 코드입니다. http://codepen.io/ccrch/pen/yyaraz

Blogger에 코드를 지원하지 않거나 내가 잘못 사용합니까?

Answer 1

당신이 jquery를 포함하는 기억나요? 이 코드는 자바 스크립트 프레임 워크 JQuery와에 따라

는

는 간단히과 같이 스크립트 위의 JQuery와 스크립트를 다음과 같습니다.

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 
<script src="js/yourScriptHere.js"></script> 

Answer 2

스크립트를 열고 닫으려면 스크립트 태그도 배치해야합니다. CodePen 링크의 JS 코드에는 이러한 태그가 포함되어 있지 않습니다.

스크립트 여는 태그와 닫는 태그는 다음과 같다 : 해당 태그 사이에

<script type="text/javascript"> 

</script> 

, 당신은 복사 및 붙여 넣기 자바 스크립트를

<script type="text/javascript"> 
$('.tile') 
// tile mouse actions 

and so on... 

</script> 

은 또한 복사, 즉 CodePen에서와이 링크를 붙여 것 BlitZz가 언급 한대로 최신 jQuery 스크립트 :

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 

그런 다음 이미지가 수행하면 확대/축소하지 않으려면 라이브 페이지에 대한 링크를 붙여 넣으십시오.