Блог

Главная - Вопросы по программированию - Перенос и переключение изображений jQuery

Перенос и переключение изображений jQuery

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

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

Я пытаюсь понять, как также, когда он переключается обратно на предыдущее изображение, также избавиться от обернутой ссылки.

Также можно было бы использовать переключатель при щелчке мыши на другом объекте. например, щелчок по div на странице, и он вернет изображение к оригиналу.

 jQuery(function() {

    var largeLink = "<a href='index.html' target='_blank' ></a>";
    var largeLink2 = "<a href='#'></a>";
    $(".buyimage").live('click', function() {
        if ($(this).attr("class") == "buyimage") {
            this.src = this.src.replace("_5.99", "_buynow");
        } else {
            this.src = this.src.replace("_buynow", "_5.99");
        }

        $(".buyimage").wrap(largeLink);

        $(this).toggleClass("on")
    });
});

Комментарии:

1. Просто переключите атрибут A href при изменении изображения? this.parent().attr(‘href’,’#’) и this.parent().attr(‘href’,’index.html ‘) в вашем заявлении if else? 🙂

2. Я очень новичок в jQuery, не могли бы вы на самом деле использовать это в качестве ответа на код, я пытался выразить это, но, похоже, это не сработало.

Ответ №1:

Вы можете использовать jquery unwrap :

http://api.jquery.com/unwrap/

 // for example
<script>
  $("button").toggle(function(){
    $("p").wrap("<div></div>");
  }, function(){
    $("p").unwrap();
  });
</script>