Ce modèle se chargera en cliquant sur l'image de l'icône.

<div class="modal fade" id="profilePicModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-dialog"> 
      <div class="modal-content">   
       <div class="modal-body"><div id="jsoneditor"> 
        <img src="" id="profilePic" style="width: 100%; height: 100%;" > 
       </div></div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       </div> 
      </div> 
     </div> 
    </div>

JS code pour cliquer sur l'icône image puis modèle ouvert changer de nouvelle image sur le modèle.

$("#image").on("click", function() { 
     $('#profilePic').attr('src', $(this).attr('value')); 
     $('#profilePicModal').modal('show'); 
     $('#profilePic').cropper({ 
     aspectRatio: 16/9, 
     crop: function(e) { 

     } 
}); 
    });

Source

2016-04-28 Bushra raza

Quelle est votre question? – colburton

En fait, je veux faire une image de profil de changement comme Gmail. –

Vous trouverez ci-dessous le code permettant de modifier les images en fonction de la sélection de l'utilisateur. Les images sont placées dans le même dossier que le fichier HTML.

<script> 
    function go(loc) { 
     document.getElementById('imagechange').src = loc; 
    } 
</script> 

<body> 
    <iframe id="imagechange" src="about:blank" width="1000" height="450" frameborder="0" scrolling="no"></iframe> 

    <form method="post"> 
     <input name="calendarSelection" type="button" Value=" River1" onclick="go('river2.jpg')" /> 
     <input name="calendarSelection" type="button" value=" GitHub" onclick="go('riverrafting.jpg')" /> 
     <input name="calendarSelection" type="button" value=" Wikipedia" onclick="go('Employee.jpg')" /> 

    </form> 

</body>

Source

2016-04-28 16:24:14 Lazycoder

télécharger des images sur le modèle bootstrap et charger la nouvelle image téléchargée

Ce modèle se chargera en cliquant sur l'image de l'icône.

JS code pour cliquer sur l'icône image puis modèle ouvert changer de nouvelle image sur le modèle.

Répondre

télécharger des images sur le modèle bootstrap et charger la nouvelle image téléchargée

Ce modèle se chargera en cliquant sur l'image de l'icône.

JS code pour cliquer sur l'icône image puis modèle ouvert changer de nouvelle image sur le modèle.

Répondre

Questions connexes