Efenim internetde gezerken bir yansıma scriptine rastladım. Photoshopda yaptığımız işi kendiliğinden yapiyor çok basit şekilde. Sizle paylaşmak için bende sitemde uyguladım. Tabii uygularken sitenin css leriyle oynamam gerekti. Ondan şuan için normal resimlerde yazılarla resimler birbiriyle çok yakın duruyor :) Gelelim yansıma olayına. Bir yabancı arkadaş yapmış, bloguna buradan ulaşabilirsiniz. İlk olarak ya verdiğim adresten yada buradan dosyayı indiriyoruz.

Daha Sonra içinden çıkan reflection.js dosyasını sitemize atıyoruz ve sitemize <script type="text/javascript" src="reflection.js"></script> kodunu koyuyoruz. Olay burada bitmiştir. Artık sitemize normal olarak resmimizi eklerken class=”reflect rheight33″ olarak ekleyine resminiz yansıyarak çıkıyor. reflect rheight33 yerine reflect rheight66 ve reflect rheight100 şeklinde yazip değişik yansımalar elde edebilirsiniz.
Örnek Bir Resim Kodlaması vermek gerekirse
<img class="reflect rheight66" alt=alisko
src="http://www.alisko.org/dosyalar/alisko1.jpg">

Bu arada bu olayı daha önce sitesinde veren varsa bilmiyorum ondan şu kişilerde yazmış diyemiyorum. Mazur görün.

"Javascriptle Yansıma Scripti" Başlıklı Yazımı Beğendiysen RSS Akışına Abone Olabilirsin.

Alisko Ne Durumda?

iphoneu formatlıcam formatladan önce ağzına sıçıyorum ne var... ortalama 15 saat önce
@nucro pis pis daha güzel :) ortalama 19 saat önce
Kirciceginde super bir doner yedim. ortalama 21 saat önce
http://tinyurl.com/3yg532 web2.0 bilginizi ölçün :) 03 Temmuz 2008
maalesef bugün de eczane yolcusuyum :( 03 Temmuz 2008
@ermanhaskan kullamaya basladim, bakalim is gorecek mi? 03 Temmuz 2008
web 2.0 nedir?, seo nedir?, blog nedir?, pagerank nedir?, ph... 03 Temmuz 2008
@ekubio beni de aldır ya. herşeyi alisko ile planladık de :)... 03 Temmuz 2008
friendsin ilk bölümünü izleyerek 10 sezonluk uzun ve sisli b... 02 Temmuz 2008
@ermanhaskan ben de mobile twitter kullanıyorum ama hiç memn... 02 Temmuz 2008
Alisko - Twitter
5 Cevap Var “Javascriptle Yansıma Scripti”
  1. Damacana diyorki:

    Java Scriptle hee helal olsun. Biz hala Photoshop’la uğraşalım

  2. Alisko diyorki:

    ya anasayfada yansıyorda burda yansımıyor resim ilginç

    Çözdüm ;)

  3. Gürkan Biçer diyorki:

    Ben yansıma ve benzeri efektleri resimlere powerpointle veriyorum. Hemde çok basit :) Powerpointle banner, logo, header gibi tasarımlar yapıyorum. Siz de bir deneyin Powerpointi ;)

  4. EmSaLSiZ diyorki:

    valla dayı ben bundan hiç 1 şey anlamadım bu ne işe yarar :):)

  5. Alisko diyorki:

    @EmSaLSiZ: bu javascript sayesinde resimlerine yansıma efekti verebilirsin.

Yorum yaz

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

evden eve nakliyat evden eve nakliyat çiçek Estetik Baktabul.Com evden eve nakliyat Sohbet dizi izle
Estetik Emlak Jet - Satılık Evler dekorasyon youtube