Basit bir Jquery news slider uygulaması


İnternette bulunan yüzlerce karmaşık news slider ya da content slider scriptinden sıkıldıysanız, aşağıda “kendi ellerimle” hazırladığım Jquery news slideri tam size göre.

Aşağıdaki kodları indirip bir html dosyasına kayderek direkt olarak çalıştırabilirsiniz.

Sorularınız olursa çekinmeden sorunuz.

<!--
This script aims teaching a simple news slider application
By Suat ATAN
suatatan.wordpress.com
All rights reserved

Basit bir jquery haber akış uygulaması
Her hakkı saklıdır
-->



Suat ATAN's Simple News Slider

http://www.google.com/jsapi

google.load("jquery", "1.4.2");




$(document).ready(function() {
$(".slide").not(":first").hide();

$(".slide-hook").mouseover(function() {
var index = $(".slide-hook").index(this);

$(".slide").hide();
$(".slide:eq(" + index + ")").show();

$(".slide-hook").css("color", "black");
$(this).css("color", "red");
});
});
//dr



.slide-hook {
float: left;
padding: 5px;
background-color: #990000;
border-right: solid 1px #C2E1EF;
}
.slide-image {
width: 500px;
height: 375px;
}
.slide{

}









Title 1




Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos


slide-image





Title 2




Suat ATAN,Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos


slide-image





Title 1




Havasor,Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos 3


slide-image





Title 4




Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos


slide-image






1


2


3


4




Reklamlar

Yayınlayan

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s