Jquery увеличить изображение без плагинов

Question

У меня возникают трудности при кодировании простой функции увеличения изображения jquery, но я не хочу плагинов. Поэтому, когда вы нажимаете на изображение, оно всплывает и увеличивает размер изображения, а когда вы нажимаете «x», оно закрывает увеличенное изображение.

Answer 1

Вы можете использовать zoom css для этого (но пока не поддерживается во всех браузерах)

$ ('# myImage'). Css ({zoom: '200%'})

Answer 2

Только у нас www.fancybox.net.Если вы действительно не хотите использовать какой-либо плагин, вы все равно получите тот же код, что и один плагин.

Сделайте что-то подобное, если вы действительно не хотите использовать плагин.

$(document).ready(function () {
   $("img").toggle(function () {
        var width = $(this).attr("width");
        var height = $(this).attr("height");
        // Add function for displaying
    }, function () {
      // Add function for closing
    })
})