01.11.2011, Saat: 12:21
Merhaba arkadaşlar. Programsız Resme Yansıma Efekti Vermeyi HTML Kodları ve Javascript Dosyası ile Vermeyi Biliyormuydunuz? Bu Konumuzda Resmimizin Altında Çıkan Yansıma Efektini Kodlarla Halledebileceğimizi Göstereceğim.
Öncelikle Aşağıdaki Javascript Dosyasını Rardan çıkarıp içinden çıkan tek dosyayı Forumumuzun Ana Dizinine atmamız gerekli (public html, httpdocs yada www'nun Oldugu dizin)
[attachment=1118]
Dosyamızı Attıktan Sonra Gelelim Kodlarımıza.
Örnek HTML Kodumuz :
Gördüğünüz gibi yansıma.js Dosyasını kodumuzda tanıttırdık <img src= kısmımız resim dosyamız olacak.
Ekran Görüntüsü:
Demo Adresimiz :
İyi Çalışmalar
Öncelikle Aşağıdaki Javascript Dosyasını Rardan çıkarıp içinden çıkan tek dosyayı Forumumuzun Ana Dizinine atmamız gerekli (public html, httpdocs yada www'nun Oldugu dizin)
[attachment=1118]
Dosyamızı Attıktan Sonra Gelelim Kodlarımıza.
Örnek HTML Kodumuz :
Kod:
<script type="text/javascript" src="yansima.js"></script>
<img src="http://www.webmasternoktasi.com/toplist/_adv/1.jpg" class="reflect rheight50 ropacity15" />Gördüğünüz gibi yansıma.js Dosyasını kodumuzda tanıttırdık <img src= kısmımız resim dosyamız olacak.
Ekran Görüntüsü:
Demo Adresimiz :
Kod:
http://www.webmasternoktasi.com/yansima