23 Eylül 2017, Cumartesi, 4:55
SON YAYINLANAN

jQuery Resim Efekti

jQuery tabanlı resimlerinizi daha hoş gösterebileceğiniz güzel bir efekt…

DEMOYU İNCELE
Kurulum:

Aşağıdaki kodları html dosyanızda <head> kodundan sonra ekleyin

1
2
3
4
5
6
7
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" src="jquery.imageWarp.js">// <![CDATA[
 
// ]]></script><script type="text/javascript">// <![CDATA[
jQuery(document).ready(function($){
	$('img.imagewarp').imageWarp() //apply warp effect to images with CSS class "imagewarp"
})
// ]]></script>

Resimlerinizin gözükmesini istediğiniz yere aşağıdaki örnekteki gibi kodları <body> kodundan sonra ekleyin

1
2
3
4
5
<img class="imagewarp" style="width: 200px; height: 150px;" alt="" src="images/manzara1.jpg" />
 
<img class="imagewarp" style="width: 200px; height: 150px;" alt="" src="images/manzara2.jpg" />
 
<img class="imagewarp" style="width: 200px; height: 150px;" alt="" src="images/manzara3.jpg" />

Son olarak aşağıdaki dosyaları indirin

İNDİR
Rar şifresi: www.ajaxkod.com

İndirdiğiniz dosyaları oluşturduğunuz .html dosyası ile aynı dizine atmanız gerekmektedir.
Örneğin html dosyanız
www.ajaxkod.com/deneme.html
ise dosyaların konumu
www.ajaxkod.com/deneme.js
gibi olması gerekmektedir.

Yorum Yaz

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current day month ye@r *

manset5
Hareketli Not Defteri

Çeşitli projelerinizde kullanabileceğiniz, jQuery tabanlı, kullanıcıların sayfa üzerinde not almalarını sağlayan bir not defteri. Fare ile not defterinin üzerine geldiğimiz...

Kapat