web sitesinde resim büyütme

Kodla Büyü

110607

Aktif Üye
Mesajlar
169
arkadaşlar hani bazı sitelerde resmi tıklayınca o resim öne doğru büyüyerek gelip tekrar tıklayınca normal boyutuna dönüyor
bunun nasıl yapıldığıyla ilgili bilgisi olan varsa aydınlatırsa sevinirm
dw ile yapıcam yapabilirsem tabi.
 
sayfanın head kısmına bunları ekle

Kod:
<link rel="stylesheet" href="thumbnailviewer.css" type="text/css" />

<script src="thumbnailviewer.js" type="text/javascript" />

daha sonra eklediğim dosyaları site root'una at... yerelde ise site klasörüne kopyala

Aşağıdaki örnekte <a> tagına Kalın yazılmış yerleri eklersen... olay tamamdır... en basit lightbox örneği

<p><a href="http://img184.imageshack.us/img184/1159/castleyi6.gif" rel="thumbnail" title="This is beautiful castle for sale!">Castle</a></p>

<p><a href="http://img201.imageshack.us/img201/6923/countryxb6.gif"" rel="thumbnail"><img src="thumbnail.gif" style="width: 50px; height: 50px" /></a></p>

www.dynamicdrive.com adresinden örnek alıntıdır.... ingilizce kaynak sevenler bakabilir.
 

Ekli dosyalar

  • lightbox.rar
    4.5 KB · Görüntüleme: 328
Geri
Üst