Öncelikle çok teşekkür ederim elimde somut bişeyler olmuş oldu http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/ buradaki tam istediğim gibi anladığım kadarıyla genişliği v. s kolay bi şekilde ayarlanıyor ancak yapamadığım baya uğraştım kodlarla pek aram yok orada ki download bölümünden zip li dosyayı indirdim içinde coin-slider-styles, coin-slider. min, coin-slider dosyaları vardı onları üzerinde çalıştığım web klasörünün içine attım ve ardından HOW TO USE bölümünün altındaki kodları kopyala yapıştır yaptım body içerisine yaptım ama düzgün çıkmadı yardımcı olabilirmisin bu konuda acaba neyi yanlış yapıyorum?

@tahsindemirkan Bilgileriniz yararlı olacaktır teşekkür ederiz.

meb.gov.tr de ki gibi html kullanarak albüm nasıl yapabilirim şimdiden yardımcı olacak arkadaşlara teşekkür ederim.

Rica ederim. Yapamadığın yerleri sorarsın tekrar.

oradaki gibi bir işlemi yapmak için javascript kullanman gerekecektir. eğer hazır birşeyler istersen http://workshop.rs/projects/coin-slider/ http://workshop.rs/2010/07/create-image-gallery-in-4-lines-of-jquery/ http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/ bunlardan yararlanabilirsin.

Çok çok teşekkür ederim zaman ayırdın benim için..

Öncelikle bilmen gereken, bu sistem jquery ile yapılma... ilk olarak yapman gereken jquery kütüphanesini indirmen ve çalışma yaptığın web klasörüne atman. jquery kütüphanesi: http://code.jquery.com/jquery-1.7.1. min. js not: chrome vb. tarayıcı ile girdiğinde direk dosya açılır. sayfayı kaydet diyerek indirebilirsin ve internet explorer ile direk indirebilirsin. ara not ara not: coin-slider. zip dosyasından çıkan 3 dosya var. coin-slider. js coin-slider. min. js coin-slider-styles. css coin-slider. min. js ya da coin-slider. js dosyalarından yalız birini kullanmamız gerekecek. konu hakkında pek bilgin olmadığından kafanın karışmaması açısından coin-slider. js dosyasını kullanarak işleme devam edeceğiz. coin-slider. js dosyasında düzeltme işlemini daha rahat yapacaksındır. coin-slider. js coin-slider-styles. css dosyalarını tasarımı yaptığın dizine at. ara not ikinci işlemimiz: &lt;head&gt; &lt;/head&gt; tagları arasına eklemen gereken kodlar var. bunlar: &lt;script type=&quot;text/javascript&quot; src=&quot;jquery-1.7.1. min. js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;coin-slider. js&quot;&gt;&lt;/script&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;coin-slider-styles. css&quot; type=&quot;text/css&quot; /&gt; artık sistemimiz slaytı tanıyor. üçüncü işlemimiz: &lt;body&gt;&lt;/body&gt; tagları arasına eklenecek kodlar! body kod &lt;div id='coin-slider'&gt; &lt;a href=&quot;img01_url&quot; target=&quot;_blank&quot;&gt; &lt;img src='img01. jpg' &gt; &lt;span&gt; Description for img01 &lt;/span&gt; &lt;/a&gt; ... ... &lt;a href=&quot;imgN_url&quot;&gt; &lt;img src='imgN. jpg' &gt; &lt;span&gt; Description for imgN &lt;/span&gt; &lt;/a&gt; &lt;/div&gt; &lt;script type=&quot;text/javascript&quot;&gt; $ . ready(function ); &lt;/script&gt; body kod dördüncü işlem: bazı ufak ayarlar yapabilirsin slayta. bunu için coin-slider. js dosyasını açıp aşağıya yazdığım kodları bulup oynamalısın. bu kodlar coin-slider. js dosyasının en altında yer almaktadır. width: 565, // genişlik height: 290, // yükseklik spw: 7, // karelerin genişliği sph: 5, // karelerin yüksekliği delay: 3000, // resimler arası geçis süresi sDelay: 30, // resimler arasındaki geçişte efekte ait geçiş süresi opacity: 0.7, // başlık ve navigasyon opaklığı titleSpeed: 500, // başlığın görüntülenme hızı effect: 'random', // random, swirl, rain, straight navigation: true, // prev ve next butonlarının görünüp görünmeme ayarı links : true, // resimlerin linklenmesi olmalı mı olmamalı mı hoverPause: true // fare üzerine geldiğinde durmalı mı durmamalı mı. not: true olanların tersinin olması için true yerine false yazmalısın. kolay gelsin =).

Rica ederim. Bilgi paylaştıkça değerlenir.