watermark on off dans jquery

Question

J'ai ajouté un texte de filigrane dans une image lorsqu'une case est cochée, mais maintenant je veux supprimer le texte du filigrane lorsque la case n'est pas cochée.

Voici mon code:

<input type="checkbox" name="watermark" value="yes" id="water_mark"> 

    $("#water_mark").click(function(e){ 
      if(document.getElementById('water_mark').checked) { 
       $('img').watermark({ 
        text: 'I am success', 
        textWidth: 200 
       }); 
      } else {   
      // 
      } 
    }); 

S'il vous plaît aidez-moi!

Answer 1

Il semble que la seule chose que la bibliothèque n'est d'ajouter du texte avec des styles CSS https://github.com/sagivo/jQuery-Watermark/blob/master/jquery-watermark.js

Devinez vous pouvez simplement le supprimer comme ceci:

$('img').val('').css({'color':'none'}); 

Answer 2

Il suffit d'ajouter la même image sans filigrane dans l'autre cas ou vous pouvez utiliser un déclencheur non contrôlé aussi.

$('#checkbox1').change(function() { 
if($(this).is(':checked')){ 
      console.log("CCCCheckeddddddd"); 

     } 
     else 
      { 
       $('img') 
       console.log("UNCheckeddddddd"); 
}  
    }); 

Answer 3

Vous pouvez également définir ce texte de filigrane sur une chaîne vide, car il peut vous aider.

$("#water_mark").click(function(e){ 
     if(document.getElementById('water_mark').checked) { 
      $('img').watermark({ 
       text: 'I am success', 
       textWidth: 200 
      }); 
     } else {   
     $('img').watermark({ 
       text: '', 
       textWidth: 0 
      }); 
     } 
}); 

Answer 4

J'ai trouvé pour cette ...

quand case à cocher la première vérification de temps avant que vieillir l'image src qui signifie sans image filigrane

var counter = 1; 
     $("#water_mark").click(function(e){ 
      if(counter%2!=0){ 
      watermarkimg = $("img").attr("src"); 
      //console.log(watermarkimg); 
      } 

      if(document.getElementById('water_mark').checked) { 

       $('img').watermark({ 
        text: 'I am success', 
        textWidth: 200 
       }); 

      } else { 

       //console.log(watermarkimg); 
       $('img').attr("src", watermarkimg); 
      } 
      counter++; 
     }); 

et lorsque le deuxième contrôle horaire checkbox image remplacer dans sans texte de filigrane

Hope help this! et Merci à tous ceux qui me répondent.

Merci