"SİTENİZİ EFEKTLERLE DONATIN
ZİYARETÇİLERİNİZİ BÜYÜLEYİN!"

Kapak fotoğrafınızın olduğu kısıma bir slayt gösterisi efekti eklemek ister misiniz? Bunun için sitenizin Head bölümüne aşağıdaki kodu kopyalayın.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>

<script type="text/javascript" src="http://u.jimdo.com/www62/o/se2638f08eddfc235/userlayout/js/fadeslideshow.js">
//<![CDATA[

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

//]]>
</script>

<script type="text/javascript">
//<![CDATA[

var mygallery=new fadeSlideShow({
    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    dimensions: [960, 285], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        ["RESIM BAĞLANTISI", "", "", ""],
        ["RESIM BAĞLANTISI", "", "", ""],
        ["RESIM BAĞLANTISI", "", "", ""],
        ["RESIM BAĞLANTISI", "", "", ""],
        ["RESIM BAĞLANTISI", "", "", ""],
        ["RESIM BAĞLANTISI", "", "", ""],
        ["RESIM BAĞLANTISI", "", "", ""]
          
],
    displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false, randomize:true},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 3000, //transition duration (milliseconds)
    descreveal: "peekaboo",
    togglerid: "slideshowtoggler"
})

//]]>
</script>

<style type="text/css">
/*<![CDATA[*/

#fadeshow1 {

z-index: -1;
position: absolute !important;
top: 35px;
margin-left: -735px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.6);

}

/*]]>*/
</style>

Şimdi de aşağıdaki kodu bir bileşenler / HTML öğesine kopyalayarak sitenizin kenar çubuğuna yerleştirin.

<div id="fadeshow1">

</div>

Lütfen yukarıdaki kodun F4193 şablonuna göre ayarlandığını göz önünde bulundurun. Eğer bu efekti farklı bir şablonla kullanmak isterseniz kırmızı işaretli rakamları, kullandığınız şablona göre yeniden düzenlemeniz gerekir. Buna ek olarak sitenizde kapak fotoğrafını saydam hale getirmeniz ve yükekliğini de 280px değeri civarına getirmeniz gerekir.

Slayt gösterisin arka planını aşağıdaki kod ile değiştirmeniz mümkün. Bunun için kodu sitenizin Head bölümüne eklemelisiniz.

<style type="text/css">
/*<![CDATA[*/

.gallerylayer {

background: #454545 !important;

}

/*]]>*/
</style>

Kullanılan renk kodu (#454545) yerine kendi renk kodunuzu girmeniz de mümkündür.

Comments: 4
  • #4

    yiğit ünaldı (Tuesday, 01 December 2020 19:49)

    <style type="text/css">

  • #3

    mertataktr (Saturday, 13 September 2014 00:15)

    yaptım :D ™

  • #2

    tuna (Saturday, 12 July 2014 12:21)

    sitenin kenar çubuğu neresi oluyor?

  • #1

    ahmet (Thursday, 10 July 2014 12:55)

    bir çok kez denedim fakat yapamadım :S