Adım1:Aşağıdaki kodu sitenizin HEAD bölümüne yapıştırın(<head> ... </head>):
Code:
<link rel="stylesheet" type="text/css" href="contentslider.css" />
<script type="text/javascript" src="contentslider.js">
</script>
Kodumuzun bağlı olduğu dosyalar 1 css 1 js ve 1 resim dosyasıdır.Bunları aşağıdaki linklerden indirip ".html dosyamızın bulunduğu klasöre" kopyalayın.
http://www.dynamicdrive.com/dynamici...tentslider.css http://www.dynamicdrive.com/dynamici...ntentslider.js http://www.dynamicdrive.com/dynamicindex17/loading.gif Adım2:Aşağıdaki örnek kodu sitenizin BODY bölümüne kopyalayın.
Code:
<div id="slider1" class="contentslide">
<div class="opacitylayer">
<div class="contentdiv">
Content 1
</div>
<div class="contentdiv">
Content 2
</div>
<div class="contentdiv">
Content 3
</div>
</div>
</div>
<div class="pagination" id="paginate-slider1"></div>
<script type="text/javascript">
//Define: ContentSlider("slider_ID", [autorotate_miliseconds], [custompaginatelinkstext], [customnextlinktext])
ContentSlider("slider1")
//OR ContentSlider("slider1", 3000)
//OR ContentSlider("slider1", 3000, linktextarray)
//OR ContentSlider("slider1", 3000, linktextarray, "Foward")
//OR ContentSlider("slider1", "", linktextarray)
//OR ContentSlider("slider1", "", "", "Foward")
</script>
Şimdilik en basit bölümünü çevirdim fazla vaktim yok.Sen yapmak istediğin bölümleri söyle çeviririm ben