Responsive Reklam Alanı

JavaScript-Fotoğraf-Dalgalandırma_emresupcinMerhaba arkadaşlar,

Dersimizde javascript kullanımı ile fotoğraf dalgalandırmayı öğreneceğiz. Bu konuyu CSS ile uygulayanlarda vardır belki ama biz işin biraz daha mantığına ve başka bir dil kullanma alışkanlığını öğrenmek için javascript kullanacağız. Zor ve karmaşık bir konu gibi gelebilir fakat büyütülecek birşey yok 🙂 Java’nın zamanlama ve timer gibi componentlerinden yararlanmayı gerektiriyor.

 

 

Aşağıda verdiğim kodda yer alan img tagına siz kendi dalgalandırmak istediğiniz fotoyu yazın. Ayrıca bu koddan geliştirilebilecek kodları değerlendirebilirseniz öğrenmeniz ve konuyu kavramanız açısından iyi olacaktır.

 

1  <!-- Kodları 'Body' tagları arasına yerleştirin -->
2  <img id="reflect" src="emresupcin.jpg">
3   <br>
4  <script language="JavaScript1.2">
5

6   function f1(){
7    setInterval("mdiv.filters.wave.phase+=10",100);
8   }
9
10    if (document.all){
11  document.write('<img id=mdiv src="'+document.all.reflect.src+'"
      style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)
         blur() flipv()">')
12  window.onload=f1
13   }
14     </script>
Paylaşmak Güzeldir
Yazar
Yazar
Visual Basic Kullanarak Güvenlik Sistemi Nasıl Yapılır? CSS Kullanarak Yazıya Gölge Verme İşlemi?
Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Web Tasarım Blog Teması ES | Tüm hakları © Emre Supçin'e aittir.