Webmaster kategorisinde tarafından soruldu
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;
    }

Cevabınız

Görüntülenecek adınız (isteğe bağlı):
Gizlilik: E-posta adresiniz yalnızca bu bildirimlerin gönderilmesi için kullanılacak.
İstenmeyen Reklam Koruması:
Gelecekte bu doğrulamadan kurtulmak için, lütfen giriş yapınız veya kayıt olunuz.

İlgili sorular

1 cevap
13, Ağustos, 2015 Windows kategorisinde eeaaee tarafından soruldu
1 cevap
1 cevap
4, Ağustos, 2015 Android kategorisinde Klavye hastasi tarafından soruldu
1 cevap
23, Mart, 23 Webmaster kategorisinde buRROCK (120 puan) tarafından soruldu
2 cevap
3, Mart, 3 Webmaster kategorisinde misafir tarafından soruldu
1 cevap
5, Şubat, 5 Webmaster kategorisinde Burak tarafından soruldu
...