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>
Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:Visual Basic Kullanarak Güvenlik Sistemi Nasıl Yapılır?

Sonraki Yazı:CSS Kullanarak Yazıya Gölge Verme İşlemi?

YORUMLAR
SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.