Dlaczego ta jQuery Image Watermarking Plugin nie działa? Używam kodu z oficjalnej strony internetowej wtyczki. Kod źródłowy strony internetowej DEMO, które wykorzystały JS / JQUERY-Watermarker-0.3.js. Ale nigdzie nie mogę znaleźć tej wtyczki online? Jak to działa dla nich w demo. Proszę pomóż.

<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>
1
Srikanth 1 listopad 2011, 04:41

3 odpowiedzi

Najlepsza odpowiedź

Upewnij się, że pobrałeś wtyczkę z witryny (Tutaj) i zawierał Skrypty w pliku. W poniższym kodzie wygląda na to, że powinieneś mieć folder o nazwie "JS", który zawiera "jQuery.js", "jQuery-1.4.2.min.js", "jQuery-ui-1.8.6.custom. Min.js 'i "jQuery-Watermarker-0.2.js". Jeśli tak jest, wtyczka jest ładowana.

Następnie upewnij się, że masz również zdjęcia "1.jpg" i "a.png" w folderze root, gdzie "1.jpg" to obraz tła i "a.png" to obraz, który chcesz znak wodny być. Jeśli nie mają tych nazw, zmień nazwiska w kodzie wtyczki, aby dopasować nazwę obrazów, z którymi pracujesz.

2
stevemanuel 1 listopad 2011, 00:51

Twoja pierwsza linia powinna być $(function) lub $(document).ready(function):

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

$() Służy do powrotu kolekcji jQuery zawierających {X1}} w 1.3.x, ale zmieniono to w 1.4, aby zwrócić pustą kolekcję.

Również tagi skryptów muszą być zamknięte </script>

1
Dennis 1 listopad 2011, 02:02

Można znaleźć ładną wtyczkę Watermark Oto.

Wystarczy zadzwonić do nim przy użyciu następujących czynności:

<script type="text/javascript">
    $(document).ready(function () {
        $("#textbox1").WaterMark({
            waterMarkText: "Watermark text"
        });
    });
</script>

<input type="text" id="textbox1" name="textbox1" />

Istnieje również przykład do użytku z teksturami.

0
Tim 17 kwiecień 2012, 19:52