gykkPopup v1.1

Kullanım Şekli

Sayfanıza popup.css ve gykkPopup.js dosyalarını ekledikten sonra, popup yapmak istediğiniz <a> etiketine class="popup" 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

Örnek kod:

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