画像にタグを追加するにはどうすればいいですか?

ここ数日文章を更新していないので、ちょっと忙しいです.ふふ、くだらないことを言わないで、直接本題に入ります.
今日は主に、画像にタグ(1つ以上)を追加する方法について説明します.ネットでいろいろな例を探しましたが、全体的にこれはいい感じ!!
このマークがどのように保存されているかを簡単に説明します!!まずphpの実行環境に置いて、このindex.htmlはnotesというjsを呼び出し、コード:

   
   
   
   

    
    
    
    
$('.jquery-note_1-1').jQueryNotes({ 
    
    
    
    
        operator: 'notes.php', //       
    
    
    
    
        maxNotes: 10, //         
    
    
    
    
        allowDelete: false, //        
    
    
    
    
        allowEdit: false, //        
    
    
    
    
        allowLink: false, //       
    
    
    
    
        allowAdd: false, //        
    
    
    
    
        allowHide: false, //      
    
    
    
    
    }); 
   
   
   
   

タグの追加に成功したらnotesにコミットします.phpでは、数値がjson形式になります.この場合、呼び出し自体のnotesです.clss.phpの中の関数が、ファイルに書き込まれます!(次の例ではダウンロードして見ることができます)
标题外:データベースに格納したいなら、ファイルに書き込むステップをリンクデータベースに書き換えるといいでしょう.皆さんがよく見ていない場合は、メッセージを送ったり、公式サイトを見たりすることができます.
注意:私は使用中、notesを追加するときにGoogleブラウザの下で画像の外に移動することができます.スタイルの上に問題が表示されます(スタイル付き).解決策:css/styleを開きます.cssファイル、見つかりました.jquery-notes-container{この行(行数:33)、

   
   
   
   

    
    
    
    
.jquery-notes-container .notes { 
    
    
    
    
    position:relative; 
    
    
    
    
} 
    
    
    
    
.jquery-notes-container .notes img { 
    
    
    
    
    position:relative; 
    
    
    
    
} 
   
   
   
   

これらの行はすべて削除され、jquery-notes_1.0.8.jsの中のこの行:$('#jquery-notes_'+pointer+'.notes.select').css({positionを加える.全体コード:

   
   
   
   

    
    
    
    
$('#jquery-notes_'+pointer+' .notes .select').css({ 
    
    
    
    
            width: ID.minWidth, 
    
    
    
    
            height: ID.minHeight, 
    
    
    
    
            left: position.left, 
    
    
    
    
            top: position.top, 
    
    
    
    
            cursor: 'move', 
    
    
    
    
            position: 'absolute' 
    
    
    
    
        }).draggable({ 
    
    
    
    
            containment: 'parent', 
    
    
    
    
            cursor: 'move' 
    
    
    
    
        }).resizable({ 
    
    
    
    
            containment: 'parent', 
    
    
    
    
            minWidth: ID.minWidth, 
    
    
    
    
            minHeight: ID.minHeight, 
    
    
    
    
            maxWidth: ID.maxWidth, 
    
    
    
    
            maxHeight: ID.maxHeight, 
    
    
    
    
            aspectRatio: ID.aspectRatio, 
    
    
    
    
            handles: 'ne, se, sw, nw' 
    
    
    
    
        });