Вопрос по jquery – Jquery Выбор изображения

2

прежде всего, я новичок в Jquery.

У меня есть такие изображения. Что я хочу, так это то, что когда пользователь нажимает на изображение, оно делает изображение граничащим. Пользователь может выбрать количество изображений. Все это должно быть окаймлено при выборе. После нажатия кнопки у меня будет идентификатор изображения.

  <tr><img id="i will put value for db processing"src="urlofimage"</tr> &nbsp;

enter image description here

Как я могу это сделать?

Ваш Ответ

5   ответов
2

Error: User Rate Limit Exceeded

<html>
...
<td><img class='galImages' src='urlofimage' /></td>
...
</html>

<script>
$document.ready(function() {
    $('img.galImages').click(function() {
        if($(this).hasClass('selected')) {
            $(this).removeClass('selected');
        }
        else {  
            $(this).addClass('selected');
        }
    });
});
</script>

<style>
.selected {
    1px solid #f00;
}
</style>

Error: User Rate Limit Exceeded

3

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

ul { list-style: none; }
ul li { display: inline; } 
ul li img { border: 2px solid white; cursor: pointer; }
ul li img:hover,
ul li img.hover { border: 2px solid black; }

Error: User Rate Limit Exceeded

$(function() {

  $("img").click(function() {      
    $(this).toggleClass("hover");      
  });

  $("#btn").click(function() {      
    var imgs = $("img.hover").length;    
    alert('there are ' + imgs + ' images selected');        
  });

});

Error: User Rate Limit Exceeded

enter image description here

6

Error: User Rate Limit Exceeded


$.fn.hasBorder = function() {   
  if ((this.outerWidth() - this.innerWidth() > 0) ||  (this.outerHeight() - this.innerHeight() > 0)){
        return true;
    }
    else{
        return false;
    }
};
$(document).ready(function() {
  var selectedImgsArr = [];
   $("img").click(function() {

      if($(this).hasBorder()) {
          $(this).css("border", "");
          //you can remove the id from array if you need to
      }
      else {
         $(this).css("border", "1 px solid red");
         selectedImgsArr.push($(this).attr("id")); //something like this 
      }
   });
});
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded Mert METİN
Error: User Rate Limit Exceeded
1

Error: User Rate Limit Exceeded

<tr><img class="clickable" id="i will put value for db processing" src="urlofimage" /></tr>

<script>
    $(document).ready(function() { 
        var clickedarray = new Array();
        $('.clickable').click(function() {
            //add border
            $(this).css({border: '1px solid #000'});
            //store in array
            clickedarray.push($(this).attr('id'));
        });
    });
</script>
1

Error: User Rate Limit Exceeded

$(document).ready(function() {
  var selectedImgsArr = new Array();
   $("img").click(function() {

      if($(this).hasClass("selected-image"))
           $(this).removeClass("selected-image");
      else
           $(this).addClass("selected-image");
   });
   $("form").submit(function(){
       selectedImgsArr.push($(".selected-image").attr("src"));
   })
});
Error: User Rate Limit Exceeded

Похожие вопросы