Çevrimiçi ajax-yükleniyor resimleri oluşturmak
29 / Mayıs / 2008
Daha önceki yazılarımızda da ajax’ın belki de en önemli getirisi kullanıcı ile etkileşimi arttırması demiştik. Bu etkileşimin en önemli parçalarından biri de, ajax isteği gerçekleştirilirken kullanıcının bilgilendirilmesini sağlayan “yükleniyor” resimleridir.
Genelde uygulamanız için yükleniyor resimleri bulmak zor olabilir. Ancak bu resimleri çevrimiçi oluşturmanızı sağlayacak internet hizmetleri de mevcut.
AjaxLoad.info
Bu servislerden birincisi ajaxload.info sitesi. Sitede, resminizin tipini, arkaplan ve animasyon rengini belirleyebiliyorsunuz. Önceden belirlenmiş olan pek çok tip sayesinde hoşunuza giden animasyon çeşidini bulmak zor olmayacaktır.
WebScriptLab.com
İkinci servisimiz ise webscriptlab.com. Yine bu sitede resminizin tipini arkaplan ve animasyon rengini belirleyebilirsiniz. Bunlarla beraber eğer animasyonun hızından hoşnut değilseniz onu da değiştirebilirsiniz.
Artık ajax-yükleniyor resim sıkıntısı çekmeyiz herhalde!
- Ya da bu blogda yer alan bütün yazıları içindekiler sayfasında görüntüleyebilirsiniz. Tıklayın!
Çevrimiçi ajax-yükleniyor resimleri oluşturmak yazısına 4 Yorum yapılmış.
Arama
E-Posta Aboneliği
RSS Aboneliği
En Çok Yorumlanan Yazılar
- Ajax ile dinamik listeleme (23)
- PHP ile sınırsız alt kategori mantığı (23)
- Blogger’da “devamını oku” bağlantısı (21)
- MySQL’de “join” kullanımı (17)
- MySQL’de Transaction ve PHP ile kullanımı (16)
- Kullanıcı dostu url hazırlamak (14)
- PHP’nin (muhtemelen) az bilinen 10 özelliği (12)
- Kullandığınız programlama dili ne kadar popüler? (12)
- Kullanıcı dostu URL oluşturma (2. teknik) (11)
- .htaccess konuları [Giriş] (11)
Etiketler
Son Yorumlar
- Murat: Güzel bir teknik, şu ana kadar sınırsız alt kategori lazım olmadı ama olmayacağı anlamına gelmiyor
- iilyas: Bu kodlar çalışmıyor arkadaşım. Localde olduğu içinmi acaba ?
- iilyas: Arkadaşım çok teşekkür ediyorum. Harika anlatmışsın ajaxla çalışmalara başlamak lazım estetik açısından.....
- Nuri: bende bu şekilde bir çalışma yaptım ancak bir sorunum var ne yaptıysam url den index.php bölümünü kaldıramadım....
- Kemal: Makale için çok teşekkürler, resimleri div tagları ile yapabilirmiyiz. Bu arada imagelara link verirsek daha...
peki hocam bunu sayfalara nasıl ekleyeceğiz?
yani sayfa yüklenene kadar bu resim kalsın.
ben yapamadım.
kodları nedir?
Bu resimleri sayfaya eklemek derken ilk akla gelen, javascript fonksiyonu ile ajax isteği gerçekleştirilirken bu resim “görünür hale gelir. Örnek verelim,
Doküman yüklenirken resim dosyasını da yükleriz;
< img src="resim.gif" id="ajaxresmi" style="display:none;">
Bu resim, sayfa yüklendiğinde gözükmüyor olacaktır. Daha sonra biz, ajax isteğini gerçekleştiren javascript fonksiyonu çağrıldığında bunu görünür hale getiririz;
document.getElementById(“ajaxresmi”).style.display = “block”;
Ardından ajax ile gelen veri tamamlandığında, içerik sayfaya yükenirken yine bu resmi görünmez yaparız.
Daha detaylı bilgiler için ajax üzerine olan yazılara bakabilirsiniz.
Ya da javascript kullanarak bir resmin görünürlüğünün değiştirilmesi üzerine şu yazıya da bakabirsiniz.
tamam hocam teşekkürler.
tskler..