dynamiccontent

Çoğu haber sitesinin anasayfasında görmüş olduğunuz bir javascript. Resimler sırası ile gösteriliyor, hem ileri hem geri gidiliyor ve tıklandığında ilgili habere gidiyor.Örneğin sitemizin anasayfasında olduğu gibi.Dynamic content ile sitenize slideshow şeklinde hem resimli hem yazılı javascript ekleyebilirsiniz.Bu javascript hem görsel olarak hemde sitenizi ziyaret eden kişilere içeriklerinizin daha kolay bulunabilmesi açısından oldukça önemlidir.Aşağıda gördüğünüz benimde sitenin anasayfasında kullandığım dynamic contect tarzı bir slideshow size örnek olsun diye koydum.Kodları aşağıda werilmektedir.Ama öncelikle kodda nerelerde değişiklik yapacaksınız oraya değinmek istiyorum.

1-Kodun en aşağılarında image kısmı ve tıklanma kısmı yer almaktadır.Yani resme tıkladığınızda gideceğiniz siteyi ayarlama ve resmin url sini koyma kısmı:

<a href="BURAYA GİDECEĞİNİZ SİTENİN URL'SİNİ YAZINIZ"><img class="slide" id="slide-img-1" alt="" src="BURAYA SLİDESHOWDA YER ALMASINI İSTEDİĞİNİZ RESMİ KOYUNUZ" /></a>

2-Yukarıdaki ayarlamaları yaptıktan sonra başka hiçbir koda dokunmayınız.Yoksa kod çalışmayabilir.

<style type="text/css">
            </style>
<meta content="paDH23QJ2u9KpNBK0Agf+WyVduXWchxScJRZFgDImmc=" name="verify-v1">
<meta content="text/css" http-equiv="content-style-type"><span style="color: rgb(255, 255, 255);"><script src="http://csstasarimm.cs.funpic.org/JavaScript/Css-Merkez/jquery-1.2.2.pack.js" type="text/javascript"></script></span>
<link media="screen" href="http://csstasarimm.cs.funpic.org/JavaScript/Css-Merkez/thumbnailviewer.css" type="text/css" rel="stylesheet" /><span style="color: rgb(255, 255, 255);"><script src="http://csstasarimm.cs.funpic.org/JavaScript/Css-Merkez/thumbnailviewer.js" type="text/javascript"></script><script type="text/javascript">
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox()
    })
</script></span><style type="text/css" media="all">
    body{background-image: none;}
</style><span style="color: rgb(255, 255, 255);"><script type="text/javascript">var _siteRoot='http://www.css-merkez.tr.gg/',_root='http://www.css-merkez.tr.gg/';</script><script type="text/javascript" src="http://csstasarimm.cs.funpic.org/YeniTasarim/css-merkez.js"></script><script type="text/javascript" src="http://csstasarimm.cs.funpic.org/YeniTasarim/css-merkez2.js"></script><script type="text/javascript" src="http://csstasarimm.cs.funpic.org/YeniTasarim/css-merkez3.js"></script><script type="text/javascript" src="http://csstasarimm.cs.funpic.org/YeniTasarim/css-merkezie6.js"></script></span>
<div id="top">
<div class="wrap">
<div class="popup popup-login" id="popup-cms"> </div>
<div class="popup popup-login" id="popup-client">
<div class="close"> </div>
<form action="/Ziyaretci-Defteri.htm" method="post">
    <script type="text/javascript">
function insert_smilie (code) {
    document.getElementById('kommentartext').value += ' ' + code;
    document.getElementById('kommentartext').focus();
}
</script>  
</form>
</div>
</div>
</div>

<div id="header">
<div class="wrap">
<div id="slide-holder">
<div id="slide-runner"><a href="http://cem-1905.tr.gg/Videolar.htm"><img class="slide" id="slide-img-1" alt="" src="http://www.hizliupload.com/img/405851lost_lost.jpg" /></a>   <a href="http://cem-1905.tr.gg/Webmaster.htm"><img class="slide" id="slide-img-2" alt="" src="http://www.hizliupload.com/img/427613html_logo.png" /></a>   <a href="http://cem-1905.tr.gg/Download.htm"><img class="slide" id="slide-img-3" alt="" src="http://www.hizliupload.com/img/784431download_buton.jpg" /></a>   <a href="http://cem-1905.tr.gg/Sohbet.htm"><img class="slide" id="slide-img-4" alt="" src="http://www.hizliupload.com/img/321324sohbet.jpg" /></a>   <a href="http://cem-1905.tr.gg/Oyunlar.htm"><img class="slide" id="slide-img-5" alt="" src="http://www.hizliupload.com/img/195871kovboy+oyunu.JPG" /></a>   <a href="http://www.cem-1905.tr.gg/MSN--Oe-zel.htm"><img class="slide" id="slide-img-6" alt="" src="http://www.hizliupload.com/img/202823MSN_Smiley.jpg" /></a>   <a href="http://www.cem-1905.tr.gg/Ziyaretci-defteri.htm"><img class="slide" id="slide-img-7" alt="" src="http://www.hizliupload.com/img/118855ziyaretci_defteri_menu.jpg" /></a>
<div id="slide-controls">
<p class="text" id="slide-client"> </p>
<p class="text" id="slide-desc"> </p>
<p id="slide-nav"> </p>
</div>
</div>
</div>
<script type="text/javascript">
    if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"","desc":""},{"id":"slide-img-2","client":"","desc":""},{"id":"slide-img-3","client":"","desc":""},{"id":"slide-img-4","client":"","desc":""},{"id":"slide-img-5","client":"","desc":""},{"id":"slide-img-6","client":"","desc":""},{"id":"slide-img-7","client":"","desc":""}];
   </script></div>
</div>
<br />
</meta>
</meta>

(Mümkünse kırmızı renkli kısımlarda değişiklik yapınız)

DYNAMIC CONTECT TARZ DAHA DEĞİŞİK JAVASCRIPT EKLEMEK ISTIYORSANIZ TIKLAYINIZ.

Bu web sitesi �cretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

�cretsiz kaydol