왜이 워터 마크 플러그인이 작동하지 않습니까?

왜 jquery 이미지 워터 마킹 플러그인이 작동하지 않습니까? 나는 공식 플러그 접속 식 웹 사이트에서 부호를 사용하고있다. 나는 민주당 원 웹 사이트의 원시 코드를 볼 때 js/jquery-watermarker-0.3.js를 사용했다. 하지만 어디서나이 플러그인을 찾을 수 없습니까? 데모에서 어떻게 작동합니까? 도와주세요.왜이 워터 마크 플러그인이 작동하지 않습니까?

<html> 
<head> 
<script type="text/javascript" src="js/jquery.js"> 
<script type="text/javascript" src="js/jquery-1.4.2.min.js"> 
    <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"> 
    <script type="text/javascript" src="js/jquery-watermarker-0.2.js"> 


    <script type="text/javascript"> 

     $().ready(function(){ 
      $('#watermarked').Watermarker({ 
       watermark_img:  "a.png", 
       onChange:   showCoords 
      }); 
     }); 
     function showCoords(c) 
     { 
      $('#x').val(c.x); 
      $('#y').val(c.y); 
      $('#w').val(c.w); 
      $('#h').val(c.h); 
     }; 

    </script> 
    <style type="text/css"> 
     div.watermark 
     { 
      border:1px dashed #000; 
     } 
     img.watermark:hover{ 
      cursor:move; 
     } 
    </style> 
</head> 
<body> 
    <img src="1.jpg" id="watermarked" /> 

    <form method="post" action="phpScriptToMergeBothImage.php"> 
     <input type="text" id="x" name="x" value="" /> 
     <input type="text" id="y" name="y" value="" /> 
     <input type="text" id="w" name="w" value="" /> 
     <input type="text" id="h" name="h" value="" /> 

     <input type="submit" name="save" value="Ok >" /> 
    </form> 
</body> 
</html>

출처

2011-11-01 Srikanth

는 사이트 (here)에서 플러그인을 다운로드하여 파일에 스크립트를 포함했는지 확인하십시오. 위에서 제공 한 코드에서 'jquery.js', 'jquery-1.4.2.min.js', 'jquery-ui-1.8.6.custom'이 포함 된 'js'폴더가 있어야합니다. min.js '와'jquery-watermarker-0.2.js '가 있습니다. 이것이 사실이면 플러그인이로드됩니다.

다음으로 루트 폴더에 '1.jpg'및 'a.png'이미지가 있는지 확인하십시오. 여기서 '1.jpg'는 배경 이미지이고 'a.png'는 이미지입니다. 워터 마크를 원한다. 이름이없는 경우 플러그인 코드의 이름을 작업중인 이미지의 이름과 일치하도록 변경하십시오.

출처

2011-11-01 00:51:23 stevemanuel

나는 이것을 모두 수행하여 @Dennis가 지적한 오류를 수정했습니다. 여전히 그것은 단지 1.jpg와 4 개의 텍스트 상자를 표시합니다. – Srikanth

첫 번째 라인 중 하나 $(function) 또는 $(document).ready(function)해야한다 :

$(document).ready(function(){ 
    $('#watermarked').Watermarker({ 
     watermark_img:  "a.png", 
     onChange:   showCoords 
    }); 
});

1.3.x 버전에서 document을 포함하는 jQuery를 수집을 반환하는 데 사용 $() 그러나 이것은 1.4에서 변경되었습니다 빈 컬렉션을 반환 할 수 있습니다.

또한, 스크립트 태그는

출처

2011-11-01 01:55:56 Dennis

나는 위에서 언급 한 코드를 사용하고 모든 스크립트 태그를 닫았으며 이전에 cint 파일을 포함 시켰습니다 ... 나는 necesarry 출력을 얻지 못합니다. 내가 얻는 것은 모두 1.jpg와 4 개의 텍스트 상자입니다. – Srikanth

http://jsfiddle.net/Xdj7F/라는 자리 표시 자 이미지를 수정하는 것만으로 JSFiddle에 코드를 복사하고 붙여 넣었습니다. 콘솔에 오류가 있습니까? – Dennis

플러그인 웹 사이트의 src에서 0.3 플러그인을 복사했습니다 ... 그럼에도 불구하고 콘솔의 다음 2 가지 오류가 발생했습니다 .Uncaught TypeError : Object #

왜이 워터 마크 플러그인이 작동하지 않습니까?

답변

관련 문제