www.mademir.com: js

29.12.15

Esmaul Husna Dini Site Eklentisi Bannerı

Yukarıdaki uygulamada bu kodları kullandık, siz de url deki h ve w değerlerini değiştirerek deneyebilir ve nasıl çalıştığını görebilirsiniz. Dilerseniz sayfanın kaynak kodunu inceleyebilirsiniz. Esmaülhüsna banner uygulaması bu kapsamda yapılmış bir sayfadır. Bu parametrelere ek olarak saniye ve görsel kalitesi parametrelerini de bulunmaktadır. Sitenize eklemek isterseniz aşağıdaki eklenti kodlarını kullanmanız yeterli. Parametreleri değiştirerek eklentiyi istediğini gibi değiştirebilirsiniz.

kullanılan parametreler :

h : yükseklik
w : gennişlik
sec : kaç sn de bir değişmesini istiyorsanız bunu giriyorsunuz (Örn : 6)
quality : görsel kalitesini giriyorsunuz. 3 kalite mevcut: low medium ve high. Bir değer girilmezse orta yolu seçerek default medium gelir.
mode : bu kısım görselin hangi aralıklarla değişeceğini belirler. random ve daily parametreleri girilebilir. daily parametresi girilirse görsel günlük olarak değişir. Bu sayede Günün Esması eklentisi olmuş olur. random parametresi girilirse sayfa her yenilendiğinde değişir. Diğer bir mod second modudur verilen saniyeye göre değişir default sec modunda gelir. İsteğe bağlı yenilemede ve ya günlük ayarlanabilir.
source: Görsel kaynağı bu parametre ile belirlenir. EsmaSiyah ya da EsmaYesil değerleri girilebilir. Esmaulhusna için iki farklı gorsel seeneği sunulmuş olur.

Frame in ve görsellerin boyutunu parametrelerle oynayarak değiştirebilirsiniz. sec parametresi kaç saniyede bir görselin değişmesini istediğinizi alır, yukarıdaki örnekte 6 girilerek 6 saniyede bir değişmesi sağlanmıştır isterseniz 1 sn isterseniz 100 saniye ya da daha fazla girebilirsiniz. Quality bölümünde 3 seçenek var, low medium ve high. Bu default medium gelir. Ben sitemde low kullanıyorum. Low da her bir görsel ortalama 12 kb, medium da 25 kb, high da ise 50 kb.
Sitenize eklerken herhangi bir problem yaşarsanız ya da daha farklı istekleriniz olursa elimizden geldiğince yardımcı olmaya çalışırız, aşağıdaki yorum alanına istek ve görüşlerinizi yazabilirsiniz.Sitenize özel olarak da eklentimizi geliştirebilir tasarlayabiliriz, yorumlar kısmından istekte bulunmanız yeterli olur.

Otomatik eklenti kodunu generate edecek bir form da tasarlamayı planlıyoruz bu sayede ayarlar görsel olarak form üzerinden de yapılabilecek.

İleride bir de form eklemeyi planlamaktayız. Rastgele değişen ya da günlük değişen versiyonları da yapılabilir, onları talep geldikçe yapmayı planlıyoruz. Bir de kod generate eden bir form tasarlayarak form üzerinde önizlemeli olarak eklenti kodunun oluşturulmasını sağlamak istiyoruz. Farklı görsel destekleri ve dil seçenekleri de gündemimizde. Faydalı bulduğunuz kaynak image ler vb. olursa yorumlar kısmına yazarak tarafımıza ileterek yardımcı olursanız seviniriz.

Hayırlı bereketli olması dileğiyle..

Aşağıda birkaç farklı ayarın uygulamasını(kalite ve boyut ve saniye değişimi yapılmıştır) ve kodlarını bulabilirsiniz.

Javascript de URL den Parametre Almak

Sitemizde paylaştığımız dini site eklentilerini geliştirirken sık kullnadığımız ve oldukça kolya bir parametre alma uygulaması var. Uzun süredir teknik içerik paylaşmasak da son derece kolay ve kullanışlı olduğundan, konu ile ilgili çok sayıda ve karmaşık alternatifin olduğu göz önünde bulundurularak bunu not düşmek istedik.

function getURLParameter(name) {    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null                    }

if(getURLParameter('h') != null) //parametre gelmediğinde "" atamak için yoksa null yazar
    {var h= getURLParameter('h');
    }
    else
    {var h=200}//Parametre alınmazsı

    if(getURLParameter('w') != null) //parametre gelmediğinde "" atamak için yoksa null yazar
    {var w= getURLParameter('w');
    }
    else
    {var w=200}//Parametre alınmazsı

Yukarıdaki kodlar ile URL den girdiğimiz h ve w parametrelerini içerideki h ve w değişkenlerine atmış olduk. Değer girilmezse default 200 attığımızı fark etmişsinizdir.

Bunun yanında h ve w değerlerini kullanırken parseInt(w) ve parseInt(h) kullanmayı unutmayın. (var'ın özelliğini biliyorsunuz ;) )

http://www.kaabalive.net/EsmaulHusna/esmaulhusna.php?h=600&w=600&sec=1&quality=high

Yukarıdaki uygulamada bu kodları kullandık, siz de url deki h ve w değerlerini değiştirerek deneyebilir ve nasıl çalıştığını görebilirsiniz. Dilerseniz sayfanın kaynak kodunu inceleyebilirsiniz. Esmaülhüsna banner uygulaması geliştirmekteyiz, bu kapsamda yapılmış bir sayfadır. Bu parametrelere ek olarak saniye ve görsel kalitesi parametrelerini de bulunmaktadır. Sitenize eklemek isterseniz aşağıdaki eklenti kodlarını kullanmanız yeterli. Parametreleri değiştirerek ekelntiyi sitenize uygun hale getirebilirsiniz.

Ayrı bir yazı olarak da eklentiyi ekelyeceğiz ama kısaca bahsetmek gerekirse frame in ve görsellerin boyutunu parametrelerle oynayarak değiştirebilirsiniz. sec parametresi kaç saniyede bir görselin değişmesini istediğinizi alır, yukarıdaki örnekte 6 girilerek 6 saniyede bir değişmesi sağlanmıştır isterseniz 1 sn isterseniz 100 saniye ya da daha fazla girebilirsiniz. Quality bölümünde 3 seçenek var, low medium ve high. Bu default medium gelir. Ben sitemde low kullanıyorum. Low da her bir görsel ortalama 12 kb, medium da 25 kb, high da ise 50 kb.

Sitenize eklerken herhangi bir problem yaşarsanız ya da daha farklı istekleriniz olursa elimizden geldiğince yardımcı olmaya çalışırız, aşağıdaki yorum alanına istek ve görüşlerinizi yazabilirsiniz.Sitenize özel olarak da eklentimizi geliştirebilir tasarlayabiliriz, yorumlar kısmından istekte bulunmanız yeterli olur.

Otomatik eklenti kodunu generate edecek bir form da tasarlamayı planlıyoruz bu sayede ayarlar görsel olarak form üzerinden de yapılabilecek.

Basit bir kod olduğundan renklendirme araçları kullanmadım. Faydalı olması dileğiyle..

Sayfalar

29.12.15

Esmaul Husna Dini Site Eklentisi Bannerı

Javascript de URL den Parametre Almak