Otomatik açılan pop kodu. Responsive özelliklidir. Mobilde resmi çok ufaltır, çok büyük resim kullanmayın.

HTML KODU

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- let's call the following div as the POPUP FRAME -->
<div id="popup">

    <!-- and here comes the image -->
    <img src="http://i.imgur.com/cVJrCHU.jpg" alt="popup">

        <!-- Now this is the button which closes the popup-->
        <button id="close">Close button</button>

        <!-- and finally we close the POPUP FRAME-->
        <!-- everything on it will show up within the popup so you can add more things not just an image -->
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
//your jquery script here
</script>

</body>
</html>

//with this first line we're saying: "when the page loads (document is ready) run the following script"
$(document).ready(function () {

    //select the POPUP FRAME and show it
    $("#popup").hide().fadeIn(1000);

    //close the POPUP if the button with id="close" is clicked
    $("#close").on("click", function (e) {
        e.preventDefault();
        $("#popup").fadeOut(1000);
    });

});

/*we need to style the popup with CSS so it is placed as a common popup does*/
    #popup {
            display:none;
            position:absolute;
            margin:0 auto;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999;
    }
Webmaster kategorisinde tarafından soruldu

1 cevap

0 oy
Güzel kod bazen çok gerekli oluyor. Örnek kodda imgur linki var, site engelli olduğu için gözükmeyebilir. Farklı bir resim ile test yapın..
(18.1k puan) tarafından cevaplandı

İlgili sorular

1 cevap
13, Ağustos, 2015 Windows kategorisinde eeaaee tarafından soruldu
1 cevap
4, Aralık, 2018 Akıllı Telefon kategorisinde Mümtaz tarafından soruldu
1 cevap
1 cevap
4, Ağustos, 2015 Android kategorisinde Klavye hastasi tarafından soruldu
1 cevap
18, Aralık, 2018 Webmaster kategorisinde Andrios (18.1k puan) tarafından soruldu
4 cevap
5, Ağustos, 2018 Webmaster kategorisinde Andrios (18.1k puan) tarafından soruldu
629 soru
704 cevap
474 kullanıcı