gykkPopup v1.2

Kullanım Şekli

Sayfanıza gykkPopup.css ve gykkPopup.js dosyalarını ekledikten sonra, popup yapmak istediğiniz <a> etiketine class="gykkPop" ekleyin:

<link rel="stylesheet" href="popup.css">
<script src="gykkPopup.js"></script>

<a href="image.png" class="popup">Resmi Büyüt</a>

Özellikler

Lightbox oluşturma ve yönetme
Fragment (#id) ve AJAX ile içerik yükleme
Data-* attribute desteği ile POST istekleri
Çoklu lightbox desteği, z-index yönetimi
Esc tuşu ile kapatma, overlay tıklama ile kapatma
Script içeriğini otomatik yükleme ve yürütme
Minimum bağımlılık, saf JavaScript ile yazılmıştır

Örnek Kullanım

Inline İçerik AJAX ile Yükleme Resim Büyütme

Örnek kod:

<a href="#inline-content" class="gykkPop">Metni Göster</a>
<a href="data.php" data-user="123" class="gykkPop">Özel AJAX</a>