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>
Uygulamanın çalışır demosunu incelemek için tıklayınız.
Uygulama dosyalarını zip şeklinde indirmek için tıklayınız.
