Cod Slider

Cod:

<script type="text/javascript" src="http://tazyk.webs.com/Extrem%20Tutorials%20Files/jquery.min.js"></script>

<script type="text/javascript" src="http://tazyk.webs.com/Extrem%20Tutorials%20Files/slideshow.js">

/***********************************************
* Slideshow edited for www..forumgratuit.ro
* Slideshow updated by Crazy( www.extrem-tutorials.online-talk.net )
***********************************************/

</script>

<script type="text/javascript">

var mygallery2=new fadeSlideShow({
  wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
  dimensions: [550, 270], //width/height of gallery in pixels. Should reflect dimensions of largest image
  imagearray: [
      ["http://forumulandrei.webs.com/Slider/Image/1.jpg", "http://www.bravenet.com/webhosting/", "", "bravenet "],
      ["http://bt.bloggerpremium.com/wp-content/uploads/2010/05/Greeny1.jpg", "http://extrem-tutorials.online-talk.net/t1665-template-greeny", "", "Template Greeny"],
      //<--no trailing comma after very last image element!
  ],
  displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
  persist: false, //remember last viewed slide and recall within same session?
  fadeduration: 500, //transition duration (milliseconds)
  descreveal: "always",
  togglerid: "fadeshow2toggler"
})



</script><div class="slideshow-box"><div id="fadeshow2"></div></div><div id="fadeshow2toggler" style="width:350px; text-align:center; margin-top:10px"><div class="slideshow-button-1"><a href="#" class="prev"><img src="http://i69.servimg.com/u/f69/15/69/94/13/arrowl10.png" style="border-width:0" /></a></div>  <div class="slideshow-status"><span class="status" style=" font-weight:bold"></span></div> <div class="slideshow-button-2"><a href="#" class="next"><img src="http://i69.servimg.com/u/f69/15/69/94/13/arrowr10.png" style="border-width:0" /></a></div>
</div><div id="fadeshow2"></div>



<style>

.slideshow-box {
            position:absolute;
            top:320px;
            margin-left:190px;
border:4px solid #666666;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
-moz-box-shadow: 0 0 12px #888;
-webkit-box-shadow: 0 0 12px#888;
box-shadow: 0 0 12px #888;
}

.slideshow-button-1 {
            position:absolute;
            top:435px;
            margin-left:145px;
}

.slideshow-button-2 {
            position:absolute;
            top:435px;
            margin-left:745px;
}

.slideshow-status {
            position:absolute;
            top:520px;
            margin-left:560px;
}
</style>

Adaugati codul intr-o pagina HTML

si pentru forum ...

Deci sa te fac sa intelegi..acest cod l-am perfectionat numai si numai pentru pagini HTML!!!

stiu dar eu il vroiam sa-l pun pe forum :D

Eu fiind singurul thnician al forumului si fiind preocupat si cu serviciul nu prea pot reface tot timpul codurile postate, dar o sa-l fac pe acesta si pentru forumuri

Ok astept

a trecut ceva timp...tot asteptam sa rezolvi problema....as vrea si eu sa-l pun la mesaj pe pagina de start...dar imi deregleaza tema:(

Am editat codul:)

nu prea stiu ce sa zic......tot il pozitioneaza aiurea pe forum:D

Incearca sa modifici la aceasta clasa:

Cod:


.slideshow-box {
            position:absolute;
            top:320px;
            margin-left:190px;
border:4px solid #666666;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
-moz-box-shadow: 0 0 12px #888;
-webkit-box-shadow: 0 0 12px#888;
box-shadow: 0 0 12px #888;
}


Acel top: 320px; sau margin-left:190px;

Interesant codul ! Bravo !

Stiu slider-ul, destul de interesant

Interesant poate îl voi pune şi eu pe forum.

Destul de frumos..bravo pentru munca depusa

cum fac sa il pun intr-un widget?

kanne a scris:cum fac sa il pun intr-un widget?

dai copy paste intr-un widget ...