Spoiler Alert – jQuery Nesnelere Bulanıklık Efekti Verme
jQuery Spoiler Alert eklentisi Joshua Hull tarafından geliştirilmiş resimlere ve yazılara blur efekti uygulamaya yarar. Blur efekti uygulayacağınız nesne ilk bakışta biraz fazla bulanık görünür mouse üzerine gelince biraz netleşir ve tıklandığında ise net görümüne kavuşur. Eklentiyi hem resimlerde hemde yazılarda kullanabiliyorsunuz.
Kullanım
- Head etiketleri arasına eklemeniz gereken bölümler.
jQuery ve Spoiler eklentisinin url adresleri :
|
1 2 |
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="spoiler.min.js"></script> |
JavaScript :
|
1 2 3 4 5 6 |
<script> $(function() { $('spoiler').spoilerAlert() $('.spoiler').spoilerAlert({max: 20, partial: 6}) }) </script> |
Nesneler üzerinde kullanımı
Blur efekti uygulama istediğiniz yazılara spoiler etiketi eklemeniz gerekiyor
Örnek :
|
1 |
Bu örneği <spoiler>Mintik.com</spoiler> sitesi üzerinden inceledim |
Spoiler etiketleri arasına girmiş olduğum mintik.com bulanı diğer bölümler net olarak görünecektir bu şekilde.
Blur efekti uygulamak istediğin resimlere class=”spoiler” eklediğiniz zaman resimlerde bulanık olarak gözükecektir.
Örnek :
|
1 |
<img class="spoiler" src="http://lorempixel.com/400/200/"> |
Fixed Social Sidebar |:
Pingback: Spoiler Alert |