Kendiliğinden kayma özelliği de olan basit bir Jquery content slider


Bundan önceki yazımızda kendiliğinden kaymayan yanlızca kullanıcı sayıların üzerine gelince kayan bir “kayar haber” scripti hazırlamıştık. Şimdi ise sitesini hazırladığım bir arkadaşımızın talebi üzerine, çoğu haber sitesinde olduğu gibi kullanıcı karışmasa dahi kendiliğinden kayma efekti veriyoruz.

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

Basit bir jquery haber akış uygulaması-otomatik akış da dahil edildi
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() {
/*HUMAN INTERACT*/
$(".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");
});
/*AUTOSCROLL*/
var timer = setInterval(rotate, 4000);

});
//dr
function rotate() {
var cur_slide = $(".slide:visible");
var ls_slide = $(".slide:last");
var fr_slide = $(".slide:first");

if(cur_slide.html() != ls_slide.html()) {
cur_slide.hide();
cur_slide.next(".slide").show();

} else {
cur_slide.hide();
fr_slide.show();
}
}



.slide-hook {
float: left;
padding: 5px;
background-color: #990000;
border-right: solid 1px #C2E1EF;
}
.slide-image {
width: 500px;
height: 375px;
}
#slider {
width: 500px;
height: 550px;
}
.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 3




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




Burada mantık şudur: rotate fonksiyonumuz o anda “visible” yani görünür olan “slide” elemanını saklayıp, bir sonraki “visible” ediyor. En son slide’a gelince onu da saklayıp bu kez ilk elemanı visible ediyor.

Bu fonksiyonu da setInterval ile 4000 milisaniyede bir çağırıyoruz. setIntetval fonksiyonu aslında bir tetik fonksiyon. Bir insanın düzenli olarak aynı hareketi yapması gibi bir durum. Gerisi tamamen zamanlama dışı klasik fonksiyonlar.

Reklamlar

Kendiliğinden kayma özelliği de olan basit bir Jquery content slider


Bundan önceki yazımızda kendiliğinden kaymayan yanlızca kullanıcı sayıların üzerine gelince kayan bir “kayar haber” scripti hazırlamıştık. Şimdi ise sitesini hazırladığım bir arkadaşımızın talebi üzerine, çoğu haber sitesinde olduğu gibi kullanıcı karışmasa dahi kendiliğinden kayma efekti veriyoruz.

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

Basit bir jquery haber akış uygulaması-otomatik akış da dahil edildi
Her hakkı saklıdır
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>Suat ATAN's Simple News Slider</title>
		<!--JQUERY-->
		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript">
			google.load("jquery", "1.4.2");

		</script>
		<!--OUR SCRIPT-->
		<script type="text/javascript">
			$(document).ready(function() {
				/*HUMAN INTERACT*/
				$(".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");
				});
				/*AUTOSCROLL*/
				var timer = setInterval(rotate, 4000);

			});
			//dr
			function rotate() {
				var cur_slide = $(".slide:visible");
				var ls_slide = $(".slide:last");
				var fr_slide = $(".slide:first");

				if(cur_slide.html() != ls_slide.html()) {
					cur_slide.hide();
					cur_slide.next(".slide").show();

				} else {
					cur_slide.hide();
					fr_slide.show();
				}
			}
		</script>
		<!--CSS-->
		<style type="text/css">
			.slide-hook {
				float: left;
				padding: 5px;
				background-color: #990000;
				border-right: solid 1px #C2E1EF;
			}
			.slide-image {
				width: 500px;
				height: 375px;
			}
			#slider {
				width: 500px;
				height: 550px;
			}
			.slide {
			}

		</style>
	</head>
	<body>
		<div id="slider-capsule">
			<div id="slides">
				<!--Slide-->
				<div class="slide">
					<div class="slide-title">
						<h2>Title 1</h2>
					</div>
					<div class="slide-text">
						Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos
					</div>
					<div class="slide-image">
						<img src="http://farm5.static.flickr.com/4004/4612662356_888c2a81ca.jpg" alt="slide-image">
					</div>
				</div>
				<!--Slide-->
				<div class="slide">
					<div class="slide-title">
						<h2>Title 2</h2>
					</div>
					<div class="slide-text">
						Suat ATAN,Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos
					</div>
					<div class="slide-image">
						<img src="http://farm6.static.flickr.com/5008/5307303826_a33a56c1ae.jpg" alt="slide-image">
					</div>
				</div>
				<!--Slide-->
				<div class="slide">
					<div class="slide-title">
						<h2>Title 3</h2>
					</div>
					<div class="slide-text">
						Havasor,Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos 3
					</div>
					<div class="slide-image">
						<img src="http://farm4.static.flickr.com/3574/3341953499_ab044c925a.jpg" alt="slide-image">
					</div>
				</div>
				<!--Slide-->
				<div class="slide">
					<div class="slide-title">
						<h2>Title 4</h2>
					</div>
					<div class="slide-text">
						Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos
					</div>
					<div class="slide-image">
						<img src="http://farm4.static.flickr.com/3564/3342789118_9de9992351.jpg" alt="slide-image">
					</div>
				</div>
			</div>
		</div>
		<div id="slider-navig">
			<div class="slide-hook">
				1
			</div>
			<div class="slide-hook">
				2
			</div>
			<div class="slide-hook">
				3
			</div>
			<div class="slide-hook">
				4
			</div>
		</div>
		</div>
	</body>
</html>

Burada mantık şudur: rotate fonksiyonumuz o anda “visible” yani görünür olan “slide” elemanını saklayıp, bir sonraki “visible” ediyor. En son slide’a gelince onu da saklayıp bu kez ilk elemanı visible ediyor.

Bu fonksiyonu da setInterval ile 4000 milisaniyede bir çağırıyoruz. setIntetval fonksiyonu aslında bir tetik fonksiyon. Bir insanın düzenli olarak aynı hareketi yapması gibi bir durum. Gerisi tamamen zamanlama dışı klasik fonksiyonlar.

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
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>Suat ATAN's Simple News Slider</title>
		<!--JQUERY-->
		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript">
			google.load("jquery", "1.4.2");

		</script>
		<!--OUR SCRIPT-->
		<script type="text/javascript">
			$(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
		</script>
		<!--CSS-->
		<style type="text/css">
			.slide-hook {
				float: left;
				padding: 5px;
				background-color: #990000;
				border-right: solid 1px #C2E1EF;
			}
			.slide-image {
				width: 500px;
				height: 375px;
			}
			.slide{
				
			}
			
		</style>
	</head>
	<body>
		<div id="slider-capsule">
			<div id="slides">
				<!--Slide-->
				<div class="slide">
					<div class="slide-title">
						<h2>Title 1</h2>
					</div>
					<div class="slide-text">
						Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos
					</div>
					<div class="slide-image">
						<img src="http://farm5.static.flickr.com/4004/4612662356_888c2a81ca.jpg" alt="slide-image">
					</div>
				</div>
				<!--Slide-->
				<div class="slide">
					<div class="slide-title">
						<h2>Title 2</h2>
					</div>
					<div class="slide-text">
						Suat ATAN,Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos
					</div>
					<div class="slide-image">
						<img src="http://farm6.static.flickr.com/5008/5307303826_a33a56c1ae.jpg" alt="slide-image">
					</div>
				</div>
				<!--Slide-->
				<div class="slide">
					<div class="slide-title">
						<h2>Title 1</h2>
					</div>
					<div class="slide-text">
						Havasor,Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos 3
					</div>
					<div class="slide-image">
						<img src="http://farm4.static.flickr.com/3574/3341953499_ab044c925a.jpg" alt="slide-image">
					</div>
				</div>
				<!--Slide-->
				<div class="slide">
					<div class="slide-title">
						<h2>Title 4</h2>
					</div>
					<div class="slide-text">
						Akdamar Church, Akdamar. Gurpinar Gevas, Surp Marinos
					</div>
					<div class="slide-image">
						<img src="http://farm4.static.flickr.com/3564/3342789118_9de9992351.jpg" alt="slide-image">
					</div>
				</div>
			</div>
		</div>
		<div id="slider-navig">
			<div class="slide-hook">
				1
			</div>
			<div class="slide-hook">
				2
			</div>
			<div class="slide-hook">
				3
			</div>
			<div class="slide-hook">
				4
			</div>
		</div>
		</div>
	</body>
</html>

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




“Bir haftadır bilmem ne yemedim” türünden lafızların künh-ü hakikisi hakkında beyandır


Facebook’ta yakın zamanda dolaşan “bir haftadır kebap yemedim”, bir aydır avokado dip soslu ördek kızartması yemedim kabilinden yazılan ve ilk duyanları, “herhalde bunları yazanlar akıllı, biz de geri zekalıyız diye düşündürten” icad-ı nisa, alamet-i kıyamet, iştigali ise malayani olan bu tuhaf ebcedamiz şifreleri açıklıyorum.

Burada belirtilen hafta adedi, yazarının doğum ayının sayısına, yiyemediği ise aşağıdaki listede mestur gün sayısına tekabül edüp, müellifinin yevm-i tevellüdüne (doğum gününe) remzeder (işaret eder). Gafil olunmaya.

O garib liste budur:

Aylar:

Ocak-1 haftadır

Şubat-2 haftadır

Mart-3 haftadır

Nisan-4 haftadır

Mayıs-6 haftadır

Haziran-8 haftadır

Temmuz-10 haftadır

Ağustos-12 haftadır

Eylül-13 haftadır

Ekim-14 haftadır

Kasım-16 haftadır

Aralık-18 haftadır

Ayın günleri:

1 – Yoğurt

2 – Kısır

3 – Hamburger

4 – Çerez

5 – Domates

6 – Dondurma

7 – Un kurabiyesi

8 – Lolipop

9 – Fıstık

10- Köfte

11 – Profiterol

12 – Kestane kebap

13 – Baklava

14 -Simit

15 – Sarma

16 – Peynir

17 – Pizza

18 – Elma

19 – Müz

20 – Karnıyarık

21 – Kızarmış tavuk

22 – Açma

23 – Kıymalı börek

24 – Akide şekeri

25 – Çilekli pasta

26 – Sucuklu tost

27 – Haşlanmış yumurta

28 – Kazandibi

29 – Kuru fasulye

30 – Patates kızartması

31 – Çikolatalı kek

Bir misal:

İş bu satırların müellifi Suat efendi 03.03.1983 tarihinde tevellüd edüb. (Haşa ne tevellüdü, teşrif-i dünya eyleyüp)

Şimdi:

03 ==> Martdır, 03 gün ise “Hamburger” e denk gelir. Şimdi ben facebook’ta “Üç haftadır hamburger yemedim dersem” (ki doğrudur:) yani ey ahali ben 03.03.1983’de doğdum oluyor.

Çoğunluğu 01 Ocak doğumlu Van’lı hemşerilerim ise (babalarımızın kimliği geç çıkartmasından dolayı nüfuüs müdürlerinin noel merakından olacak) “1 haftadır yoğurt yememş oluyorlar”

Peki doğum gününü “Harman zamanı” ya da “Sarıkızın doğumu” olarak bilenler ne yazacak onu da ben söyleyelim.

“Senelerdir bir doğum günü pastası yiyemedim”

“Bir haftadır bilmem ne yemedim” türünden lafızların künh-ü hakikisi hakkında beyandır


Facebook’ta yakın zamanda dolaşan “bir haftadır kebap yemedim”, bir aydır avokado dip soslu ördek kızartması yemedim kabilinden yazılan ve ilk duyanları, “herhalde bunları yazanlar akıllı, biz de geri zekalıyız diye düşündürten” icad-ı nisa, alamet-i kıyamet, iştigali ise malayani olan bu tuhaf ebcedamiz şifreleri açıklıyorum.

Burada belirtilen hafta adedi, yazarının doğum ayının sayısına, yiyemediği ise aşağıdaki listede mestur gün sayısına tekabül edüp, müellifinin yevm-i tevellüdüne (doğum gününe) remzeder (işaret eder). Gafil olunmaya.

O garib liste budur:

Aylar:
Ocak-1 haftadır
Şubat-2 haftadır
Mart-3 haftadır
Nisan-4 haftadır
Mayıs-6 haftadır
Haziran-8 haftadır
Temmuz-10 haftadır
Ağustos-12 haftadır
Eylül-13 haftadır
Ekim-14 haftadır
Kasım-16 haftadır
Aralık-18 haftadır
Ayın günleri:
1 – Yoğurt
2 – Kısır
3 – Hamburger
4 – Çerez
5 – Domates
6 – Dondurma
7 – Un kurabiyesi
8 – Lolipop
9 – Fıstık
10- Köfte
11 – Profiterol
12 – Kestane kebap
13 – Baklava
14 -Simit
15 – Sarma
16 – Peynir
17 – Pizza
18 – Elma
19 – Müz
20 – Karnıyarık
21 – Kızarmış tavuk
22 – Açma
23 – Kıymalı börek
24 – Akide şekeri
25 – Çilekli pasta
26 – Sucuklu tost
27 – Haşlanmış yumurta
28 – Kazandibi
29 – Kuru fasulye
30 – Patates kızartması
31 – Çikolatalı kek

Bir misal:

İş bu satırların müellifi Suat efendi 03.03.1983 tarihinde tevellüd edüb. (Haşa ne tevellüdü, teşrif-i dünya eyleyüp)

Şimdi:

03 ==> Martdır, 03 gün ise “Hamburger” e denk gelir. Şimdi ben facebook’ta “Üç haftadır hamburger yemedim dersem” (ki doğrudur:) yani ey ahali ben 03.03.1983’de doğdum oluyor.

Çoğunluğu 01 Ocak doğumlu Van’lı hemşerilerim ise (babalarımızın kimliği geç çıkartmasından dolayı nüfuüs müdürlerinin noel merakından olacak) “1 haftadır yoğurt yememş oluyorlar”

Peki doğum gününü “Harman zamanı” ya da “Sarıkızın doğumu” olarak bilenler ne yazacak onu da ben söyleyelim.

“Senelerdir bir doğum günü pastası yiyemedim”

GPS Kooordinatları arası dönüşüm


Ne hikmetse çeşit çeşit koordinat sistemleri arasında dönüşümün gerektiği durumlar vardır. Bunun için harita genel komutanlığının bir applet (webde çalışan java uygulaması var) bunu da yer imlerime kaydedip buluyorum.

Bu uygulama her nasıl bir içerikse google’de bulunamıyor.

Bari buradan bulunsun.

Koordinat döüşüm yazılımımna ulaşmak için burayı tıklayın

GPS Kooordinatları arası dönüşüm


Ne hikmetse çeşit çeşit koordinat sistemleri arasında dönüşümün gerektiği durumlar vardır. Bunun için harita genel komutanlığının bir applet (webde çalışan java uygulaması var) bunu da yer imlerime kaydedip buluyorum.

Bu uygulama her nasıl bir içerikse google’de bulunamıyor.

Bari buradan bulunsun.

Koordinat döüşüm yazılımımna ulaşmak için burayı tıklayın

Çaykur’un antikakaçak çayı


image

Çaykur’un doğuda kaçak çayla gizli bir mücadele içinde olduğu söylenir.
Daha pahalı olmasına rağmen doğuda bir çok insan kaçak çayın yani Seylandan Irak ve iran üzerinden Türkiye ye gelen çayın buruk aroması ve kızıla çalan renginden vazgeçemez.
Aslında bir zamanlar illegal yollardan Turkiyeye giren bu yüzden adı kaçağa çıkan ve öyle kalan kaçak çay artık resmi yolardan da ithal ediliyor ama adı hala aynı.
Çaykur herhalde kaçak çayın başkenti olan Diyarbakira matuf adı Diyarbakır çayı olan ve paketinin üzerinde enfes bir Diyarbakır surları resmi olan çay üretmiş.
Anti kaçak dediğim bu çay bir kaçak çay fanatiği olan bana uydu. Tadı iyi ve içimi hafif. Biraz kaçak aroması var gibi. Caykuru bir tiryaki olarak tebrik ederim.

WordPress.com'da Blog Oluşturun.

Yukarı ↑