image popup js close button

Repulsive Raven answered on June 23, 2020 Popularity 6/10 Helpfulness 1/10

answer image popup js close button

image popup js close button

Comment

$('.menu').mouseover(function(e) {
    console.log(e);
    var href = $(this).attr('href');
    var popup = $('<div id="myPopup"></div>');

    var image = $('<img id="image" src="' + href + '"/>');
    popup.append(image);

    var text = $('<p>My Text</p>');
    popup.append(text);

    var closeBtn = $('<button>X</button>');
    popup.append(closeBtn);

    popup.css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);
    popup.append('body');

    closeBtn.button().click(function() {
        $('#myPopup').remove();
    });
}, function(e) {
    // do nothing
});

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: close-button image javascript popup

Link to this answer
Share Copy Link

Contributed on Jun 23 2020

Repulsive Raven

0 Answers Avg Quality 2/10

image popup js close button

Contents

More Related Answers

image popup js close button

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.