Div içerisinde "resim yükleniyor" yazdırma??

[e-zeus]

Ben sitede yer alacak bir album için resimler yüklenene kadar resmin üzerinde (templatemonster'da olduğu gibi) "resim yükleniyor" yazdırmak istiyorum. Forumda bir arkadaşın verdiği örneği buldum ama resim yüklendikten sonra da kaybolmuyor ve başka bir yerde çıkıyor, resmin üzerinde çıkmıyor yazı. Bunu yapabileceğim bir örnek var mı acaba? Ya da bir makale vs.??

[enoksaparin]

Merahaba ,

öncelikle aşığdaki jsleri indirmelisin

http://tezeren.org/onizleme.rar

daha sonra sayfanın başına

<LINK 
href="seo.css" 
type=text/css rel=stylesheet>

<SCRIPT language=JavaScript 
src="onizleme.js" 
type=text/javascript>
</SCRIPT>

<SCRIPT language=JavaScript 
src="loader.js" 
type=text/javascript>
</SCRIPT>

yukarıdaki kodları girmelisin çalıştırmak için

<IMG 
onmouseover="showtrail('images/resim.jpg','Başlık',400,419)" 
onmouseout=hidetrail()
src="images/kucukresim.jpg" width="187" height="204">

[e-zeus]

Cevap için teşekkür ederim ancak dosya inmiyor. Şifre istiyor...

[enoksaparin]

linki yeniledim bir sorun olursa haber verirsin ...

[e-zeus]

Ben tam anlatamadım galiba ne istediğimi. Templatemonster örneğini verirken şunu kastetmiştim. Mesela bir kategoriye girdiğinizde şablon resimleri yüklenirken resim yükleniyor yazıyor. İşte ben onu kastetmiştim. Mouse ile üzerine gelindiğinde açılan büyük resimleri kastetmemiştim...

[enoksaparin]

burdaki loder.js de o işe yarıyor onizleme.js ise daha büyük bir div açıyor loder.js o divin içinde resim yüklenene kadar resim yükleniyor diyor ... ikisini birde kullanabilirsin ayrı ayrıda ...

[e-zeus]

Peki bunu mouseover dışında nasıl kullanabilirim? Yani kendi albümüme koymak için nasıl kullanmalıyım??

[enoksaparin]

<LINK 
href="seo.css" 
type=text/css rel=stylesheet>

<SCRIPT language=JavaScript 
src="onizleme.js" 
type=text/javascript>
</SCRIPT>

<SCRIPT language=JavaScript 
src="loader.js" 
type=text/javascript>
</SCRIPT>

<div class="border_preview">
<div id="loader_container"><div id="loader">
<div>Resim Yükleniyor...</div>
<div id="loader_bg"><div id="progress"> 
</div>
</div>
</div>
</div>
<div class="preview_temp_load">
<img onload="javascript:remove_loading();" src="http://www.google.com.tr/logos/tr_childrens_day07.gif" border="0"></div>
</div>

bu işini görecektir ...

[e-zeus]

Çalıştı Çok teşekkür ederim...

[enoksaparin]

önemli değil http://www.ajaxload.info/ adresinden kendine yükleniyor şeklinde bir gif hazırlayabilirsin kolay gelsin ...