HiI have a div that has image background and i want to click on that and show that image in original size in popup windowhow to do thatltdiv id34image134 class34carouselitem active34 click34showImagepropertyImage134 style34backgroundimageurl39assetsimagespropertyNamepropertyImage13934gt ltdiv class34container34gt lth2gtpropertyNamelth2gt ltp ngIf34propertySellRent 134gtFor

Angular: Open HTML DIV background Image in Popup Window

ramitahe...

SOLVED CLOSED ACTIVE ANSWERED
User: ramitaherwahdan1978
Posted: on Nov 14, 2023 05:29 AM
Forum: Angular
Answer: 1
Views: 997

Hi,

I have a div that has image background and i want to click on that and show that image in original size in popup window.

how to do that?

<div id="image1" class="carousel-item active" (click)="showImage(property.Image1)"
    style="background-image:url('assets/images/{{property.Name}}/{{property.Image1}}')">
    <div class="container">
        <h2>{{property.Name}}</h2>
        <p *ngIf="property.SellRent ==1">For Sale / Price:{{property.Price}}AED</p>
        <p *ngIf="property.SellRent ==2">For Rent / Price:{{property.Price}}AED</p>
    </div>
</div>

Download FREE API for Word, Excel and PDF in ASP.Net

ramitahe...

15 3

Reply
ANSWER
User: ramitaherwahdan1978
Replied: on Nov 14, 2023 08:57 AM
Report

I found a solution:

showImage(image:any) {    
    let myImage1 = <HTMLElement> document.getElementById("image1"),
    style = myImage1?.style || window.getComputedStyle(myImage1, "false"),
    bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");
    //console.log(bi);
    window.open(bi,"_blank");
}

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Angular: Open HTML DIV background Image in Popup Window

Company

Explore

Follow us

Contact Us