Looking for something?

You will find your answers here!

    Sorry, we didn't find any relevant articles for you.

    Send us your queries using the form below and we will get back to you with a solution.

    Kliknite za uvećanje slika u vašoj bazi znanja

    Slijedite ove korake da omogućite opciju Click to zoom:

    1. Prijavite se na svoj račun Helpjuice


    2. Idite na vaš alat za uređivanje -> glavni izgled i na kraju datoteke neposredno prije {{main_js}} zalijepite ovaj kôd {{click_to_zoom_js}} i spremite datoteku.




    3. Nakon toga idite na vašu glavnu CSS datoteku i zalijepite donji kod na kraju te datoteke
     / **************** Skočna slika ******************* /
    div.popup image {
        položaj: relativan;
        preliv skriven;
        .overlay {
            pozicija: apsolutna;
            gore: 0;
            dno: 0;
            lijevo: 0;
            desno: 0;
            visina: 100%;
            širina: 100%;
            neprozirnost: 0;
            prijelaz: .5s lakoća;
            boja pozadine: rgba (0,0,0,6);
            zaslon: flex;
            justify-content: centar;
            poravnati stavke: sredina;
            boja: #FFF;
            kursor: pokazivač;
            prijelaz: transformiraj .5s lakoću;
            težina fonta: 600;
        }
        img {
            prijelaz: transformiraj .5s lakoću;
            kursor: pokazivač;
            visina: automobil;
            maksimalna visina: 150%;
        }
        &: hover {
            img {
                transformacija webkita: skala (1,05);
                -moz transformacija: skala (1,05);
                transformacija: skala (1,05);
            }
            .overlay {
                neprozirnost: 1;
                transformacija webkita: skala (1,05);
                -moz transformacija: skala (1,05);
                transformacija: skala (1,05);
            }
        }
        & .active {
            položaj: fiksno;
            gore: 0;
            lijevo: 0;
            pozadina: rgba (0.0.0, .2);
            širina: 100%;
            visina: 100%;
            z-indeks: 999;
            poravnanje teksta: sredina;
            popunjavanje: 5%;
            overflow-x: skriven;
            overflow-y: auto;
            .overlay {
                neprozirnost: 0;
            }
            img {
                pozicija: apsolutna;
                gore: 0;
                lijevo: 0;
                desno: 0;
                dno: 0;
                maksimalna širina: 90%;
                širina: automobil;
                marža: automobil! bitan;
                animacija: scaleImage .5s jednostavnost ulaska;
                @media (minimalna širina: 1200px) {
                    maksimalna širina: 80%;
                    maksimalna visina: 80vh;
                }
                @media (minimalna širina: 1440px) {
                    maksimalna širina: 1400px;
                }
            }
            &: hover {
                img {
                    -transformacija weba: skala (1);
                    -moz transformacija: skala (1);
                    transformacija: skala (1);
                }
            }
        }
        @keyframes scaleImage {
            0% {
                -webkit transformacija: skala (0.0);
                -moz transformacija: skala (0.0);
                transformacija: skala (0.0);
            }
            100% {
                -webkit transformacija: razmjera (1.0);
                -moz transformacija: skala (1.0);
                transformiraj: razmjera (1.0);
            }
        }
        
    } 




    Pritisnite Save i sada biste trebali vidjeti opciju Click to zoom.

    Bilješka:

    Ako vaš račun podržava više jezika, ponovite korak 2 za svaki jezik, CSS datoteka će se automatski ažurirati za svaki jezik.



    Was this article helpful?

    Still can't find what you are looking for?

    Our award-winning customer care team is here for you.

    Contact Support

    Powered by