Javascript Slider Galeri

Web sitelerinde fotografların kullanımları ve kullandığımız fotografların kullanıcılara sunum şekli herzaman için önem arz etmiştir. Galerimizde yer alan fotograflar çok ve sitemizdeki kullanım alanımız sınırlı ise fotografı dizerek değildi bir botun, fotograf veya link’e tıklanıldığında galerimizi ekrana getirebilir ve galerimizdeki fotograflarımız kullanıcılara bu şekilde sunabiliriz, ilk olarak html kodlarımızdan başlayalım.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Gumusluoglu.com Slider Galeri - Images gallery </title>
</head>
<body>
<script type="text/javascript" src="slide.js"></script>
<script type="text/javascript">
var viewer = new PhotoViewer();
viewer.add('a.jpg');
viewer.add('b.jpg');
viewer.add('a.jpg');
viewer.add('b.jpg');
viewer.add('adsiz.jpg');
</script>
<div align="center">
<a href="javascript:void(viewer.show(0))"><img src="1078163_power_button.jpg" height="100" style="border:none; text-align:center" /></a>
</div>
</body>
</html>

 

Uygulama dosyalarını zip şeklinde indirmek için tıklayınız.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir