Slides igual desse fórum

[Nosferatu~]

Qual é minha questão:
Queria Saber Como Coloco Esses Slides No Fórum

Fórum Onde Vi Os Slides :
http://topdesign.forumeiros.com/forum

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:


Endereço do meu fórum:
http://design-otaku2918.forumeiros.com/forum

Versão do meu fórum:
PHPBB3

[MateusV.]

Olá, aceda a Painel de controle Visualização Página inicial Geral Procure por ' Conteúdo da mensagem. :' cole o codigo e salve.

Código:

<div id="wrapper">

        <div class="slider-wrapper theme-default">
            <div class="ribbon"></div>
            <div id="slider" class="nivoSlider" style="position: relative; background-image: url(http://www.vcfaz.net/img/home/01Starz_3.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: no-repeat no-repeat; ">
         
             <a href="http://www.vcfaz.net/viewtopic.php?t=172229" target="_top" class="nivo-imageLink" style="display: none; "><img src="../../img/home/Rafinha.jpg" border="0" title="FX contrata Rafinha Bastos " style="display: none; "></a>
         <a href="http://www.vcfaz.net/viewtopic.php?t=171286" target="_top" class="nivo-imageLink" style="display: none; "><img src="../../img/home/Maias.jpg" border="0" title="Março: Os Maias é a próxima minissérie do Viva" style="display: none; "></a>
         <a href="http://www.vcfaz.net/viewtopic.php?t=172158" target="_top" class="nivo-imageLink" style="display: none; "><img src="../../img/home/onicy.jpg" border="0" title="Março: Novas séries internacionais no canal OFF" style="display: none; "></a>
         <a href="http://vcfaz.net/viewtopic.php?t=171327" target="_top" class="nivo-imageLink" style="display: none; "><img src="../../img/home/01G_5.jpg" border="0" title="Globosat HD estreia nova temporada de Spartacus" style="display: none; "></a>
         <a href="http://vcfaz.net/viewtopic.php?p=1299003" target="_top" class="nivo-imageLink" style="display: none; "><img src="../../img/home/B01_2.jpg" border="0" title="Março: Conheça as estréias da HBO" style="display: none; "></a>
         <a href="http://www.vcfaz.net/viewtopic.php?t=171232" target="_top" class="nivo-imageLink" style="display: block; "><img src="../../img/home/01Starz_3.jpg" border="0" title="Abril: TNT estreia a série Boss" style="display: none; "></a>
         <a href="http://www.vcfaz.net/viewtopic.php?p=1300958" target="_top" class="nivo-imageLink" style="display: none; "><img src="../../img/home/01HBBrit_4.jpg" border="0" title="Março: HBO Plus exibe Britney Spears: The Femme Fatale Tour" style="display: none; "></a>
         <a href="http://www.vcfaz.net/viewtopic.php?p=1293205" target="_top" class="nivo-imageLink" style="display: none; "><img src="../../img/home/w01_1.jpg" border="0" title="Março: Conheça as Superestreias do Telecine Premium" style="display: none; "></a>
         <a href="http://vcfaz.net/viewtopic.php?t=171303" target="_top" class="nivo-imageLink" style="display: none; "><img src="../../img/home/01TCM.jpg" border="0" title="Jovens estrelas dos anos 80 ganham especial no TCM" style="display: none; "></a>
         <a href="http://vcfaz.net/viewtopic.php?t=171428" target="_top" class="nivo-imageLink" style="display: none; "><img src="../../img/home/01Sony.jpg" border="0" title="Canal Sony estréia a série Once Upon a Time em Abril" style="display: none; "></a>
   
            <div class="nivo-caption" style="opacity: 0.8; "><p style="opacity: 0; ">Abril: TNT estreia a série Boss</p></div><div class="nivo-directionNav" style="display: none; "><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div><div class="nivo-controlNav"><a class="nivo-control" rel="0">1</a><a class="nivo-control" rel="1">2</a><a class="nivo-control" rel="2">3</a><a class="nivo-control" rel="3">4</a><a class="nivo-control" rel="4">5</a><a class="nivo-control" rel="5">6</a><a class="nivo-control active" rel="6">7</a><a class="nivo-control" rel="7">8</a><a class="nivo-control" rel="8">9</a><a class="nivo-control" rel="9">10</a></div><div class="nivo-slice" style="left: 0px; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; height: 100%; width: 790px; opacity: 0.4748778409101152; background-position: 0px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 53px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -53px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 106px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -106px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 159px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -159px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 212px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -212px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 265px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -265px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 318px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -318px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 371px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -371px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 424px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -424px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 477px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -477px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 530px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -530px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 583px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -583px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 636px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -636px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 689px; width: 53px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -689px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 742px; width: 48px; height: 0px; opacity: 0; background-image: url(http://www.vcfaz.net/img/home/01HBBrit_4.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -742px 0%; background-repeat: no-repeat no-repeat; "></div></div>
        </div>

    </div>

Até mais

[Nosferatu~]

Queria Diminuir O Campo e colocar no Portal ..

[MateusV.]

Olá, você terá que criar um widget para o codigo, para isso leia a FAQ
Administração e instalação do portal / widgets
Até mais

[Nosferatu~]

Ola,


Agora Que testei O Código Não Esta Funcionando

[MateusV.]

Olá, leia este tutorial, seu slide ficará parecido ao do outro forum, apenas mudando a forma de transição das mensagens.
https://ajuda.forumeiros.com/t51052-
Mas se ainda quiser tente este

Código:

<style type="text/css">
#box{width:710px; height:250px; margin:0 auto 60px;}
#galeria{width:418px; height:245px; float:left; margin:15px;}
#images{float:left; background:#050505; position:absolute; width:420px; height:255px;}
#images ul{list-style:none;}
#images ul li{background:#090909; margin:0 2px;}
#images img{margin:5px 0; background:#050505;}
#images .camp{background:#e4d6d6; float:left; padding:5px; color:#333; position:relative; bottom:58px; box-shadow:0 0 5px #333; width:120px; margin:5px 5px 5px 0; font:bold 13px Georgia, "Times New Roman", Times, serif;}
#control{background:#0d0d0d;width:410px; display:inline; float:left; height:24px; position:relative; top:250px; z-index:5; padding:5px; margin:0 2px;}
#tutorial{width:260px; height:245px; float:left; margin:45px 0 0 0;}
#tutorial h1{font:19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#A3A3A3;}
.thumb_tuto{float:left;}
.thumb_img{border:0; padding:1px; margin:5px; background:#101010;}
</style><div id="box">

  <div id="galeria">
  <div id="control">
                   <center>
                   <a href="#" id="prev"><img src="http://www.danielfc.xpg.com.br/prev.png" border="0" alt="Anterior" title="Anterior" /></a>
                    <a href="#" id="next"><img src="http://www.danielfc.xpg.com.br/next.png" alt="Proxima" border="0" title="Proxima" /></a>
                    </center>
    </div><!-- DIV CONTROL -->
     <div id="images">
   
       <ul>
           <li>
            <img src="http://img31.imageshack.us/img31/9769/sotw36.png?t=1303346009" border="0" alt="" width="420" height="200" />         
               
            <span class="camp">
            <p>Sotw #36</p>
                        <p align="center" style="font-size:16px;">Yingjie~ </p>
            </span>           
            </li>
           
            <li>
            <img src="http://i42.tinypic.com/5umu6q.png" border="0" alt="" width="420" height="200" />         
               
            <span class="camp">
            <p>Wotw #5 </p>
            <p align="center" style="font-size:16px;">Neto.o </p>
            </span>         
            </li>
           
            <li>
            <img src="http://yourimg.in/m/r41o2pz.jpg" border="0" alt="" width="420" height="200" />       
               
            <span class="camp">
            <p>CreativeContest</p>
            <p align="center" style="font-size:16px;"> 3T~</p>
            </span>       
            </li>
           
        </ul>
   
    </div><!-- DIV IMAGES -->
   
  </div><!-- DIV GALERIA -->
 
  <div id="tutorial">
    <h1>Tutoriais TD</h1>
       <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t2648-tutorial-slipknot">
           <img src="http://yourimg.in/m/9z9o799.png" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
        <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t3145-tutorial-gift-toushi#24732">
           <img src="http://img214.imageshack.us/img214/4119/gifttoushiv2.png" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
        <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t1201-power-explosion-tutorial-by-rudas">
           <img src="http://yourimg.in/m/5s4r1o0.jpg" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
        <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t1698-tutorial-walking-on-fire-you-jump-higher?highlight=walking+on+fire">
           <img src="http://fc00.deviantart.net/fs70/f/2011/186/9/1/tag_walking_on_fire_sem_tipo_by_rudas101-d3l3xuk.png" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
       
  </div><!-- DIV TUTORIAIS -->

</div><!-- DIV BOX -->

<!-- GALERIA -->

Até mais

[Nosferatu~]

Estamos Quase La ~~~


https://2img.net/r/ihimizer/img718/4313/35210188.png

[MateusV.]

Olá, tente este

Código:

<div style="clear:both;"></div><style type="text/css">html body .h409c1543,html body .h409c1543 iframe,html body iframe[name="google_ads_frame"],html body .h409c1543 iframe[name="google_ads_frame"],html body #wrap #page-body div.h409c1543,html body #page-body .h409c1543{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .h409c1543,html body .h409c1543 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .h409c1543 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style><div style="height:3px"></div><ul id="navstrip" class="clearfix"><li class="begin"><a href="/forum">•[Top Design]• Open Your Imagination...and Create</a></li></ul><div class="newslink"><p class="date">A sua última visita foi dia </p><p><!-- GALERIA -->

<style type="text/css">
#box{width:710px; height:250px; margin:0 auto 60px;}
#galeria{width:418px; height:245px; float:left; margin:15px;}
#images{float:left; background:#050505; position:absolute; width:420px; height:255px;}
#images ul{list-style:none;}
#images ul li{background:#090909; margin:0 2px;}
#images img{margin:5px 0; background:#050505;}
#images .camp{background:#e4d6d6; float:left; padding:5px; color:#333; position:relative; bottom:58px; box-shadow:0 0 5px #333; width:120px; margin:5px 5px 5px 0; font:bold 13px Georgia, "Times New Roman", Times, serif;}
#control{background:#0d0d0d;width:410px; display:inline; float:left; height:24px; position:relative; top:250px; z-index:5; padding:5px; margin:0 2px;}
#tutorial{width:260px; height:245px; float:left; margin:45px 0 0 0;}
#tutorial h1{font:19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#A3A3A3;}
.thumb_tuto{float:left;}
.thumb_img{border:0; padding:1px; margin:5px; background:#101010;}
</style><div id="box">

  <div id="galeria">
  <div id="control">
                   <center>
                   <a href="#" id="prev"><img src="http://www.danielfc.xpg.com.br/prev.png" border="0" alt="Anterior" title="Anterior" /></a>
                    <a href="#" id="next"><img src="http://www.danielfc.xpg.com.br/next.png" alt="Proxima" border="0" title="Proxima" /></a>
                    </center>
    </div><!-- DIV CONTROL -->
     <div id="images">
   
       <ul>
           <li>
            <img src="http://img31.imageshack.us/img31/9769/sotw36.png?t=1303346009" border="0" alt="" width="420" height="200" />         
               
            <span class="camp">
            <p>Sotw #36</p>
                        <p align="center" style="font-size:16px;">Yingjie~ </p>
            </span>           
            </li>
           
            <li>
            <img src="http://i42.tinypic.com/5umu6q.png" border="0" alt="" width="420" height="200" />         
               
            <span class="camp">
            <p>Wotw #5 </p>
            <p align="center" style="font-size:16px;">Neto.o </p>
            </span>         
            </li>
           
            <li>
            <img src="http://yourimg.in/m/r41o2pz.jpg" border="0" alt="" width="420" height="200" />       
               
            <span class="camp">
            <p>CreativeContest</p>
            <p align="center" style="font-size:16px;"> 3T~</p>
            </span>       
            </li>
           
        </ul>
   
    </div><!-- DIV IMAGES -->
   
  </div><!-- DIV GALERIA -->
 
  <div id="tutorial">
    <h1>Tutoriais TD</h1>
       <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t2648-tutorial-slipknot">
           <img src="http://yourimg.in/m/9z9o799.png" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
        <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t3145-tutorial-gift-toushi#24732">
           <img src="http://img214.imageshack.us/img214/4119/gifttoushiv2.png" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
        <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t1201-power-explosion-tutorial-by-rudas">
           <img src="http://yourimg.in/m/5s4r1o0.jpg" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
        <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t1698-tutorial-walking-on-fire-you-jump-higher?highlight=walking+on+fire">
           <img src="http://fc00.deviantart.net/fs70/f/2011/186/9/1/tag_walking_on_fire_sem_tipo_by_rudas101-d3l3xuk.png" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
       
  </div><!-- DIV TUTORIAIS -->

</div><!-- DIV BOX -->

<!-- GALERIA -->







<script type="text/javascript">
_tbdef var = {user: 'TopDesignForum'};
(Function () {
var d = document; tbjs var = d.createElement ('script'); tbjs.type = "text / javascript";
tbjs.async = true; tbjs.src = ' http://tweetboard.com/tb.js ; tbel var = d.getElementsByTagName ('head') [0];
se tbel = d.getElementsByTagName ('head') [0] (tbel!); tbel.appendChild (tbjs);
})();
</ Script>

<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#00BFFF;
layer-background-color:#B0E2FF;
font:bold 12px Verdana;
line-height:30px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
-->
</style>

<script language="JavaScript1.2">



var slidemenu_width='160px' //specify width of menu (in pixels)
var slidemenu_reveal='12px' //specify amount that menu should protrude initially
var slidemenu_top='200px'  //specify vertical offset of menu on page

var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0

if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}

var sitems=new Array()

///////////Edit below/////////////////////////////////

//siteitems[x]=["Item Text", "Optional URL associated with text"]

sitems[0]=["<big><font face='Arial'> Navegue Pelo melhor conteúdo !</font></big>", ""]
sitems[1]=["Regras", "http://topdesign.forumeiros.com/f13-regras"]
sitems[2]=["Galerias", "http://topdesign.forumeiros.com/f6-galeria"]
sitems[3]=["Tutoriais de Design", "http://topdesign.forumeiros.com/f34-tutoriais-de-design"]
sitems[4]=["Assuntos Gerais", "http://topdesign.forumeiros.com/f1-assuntos-gerais"]
sitems[5]=["Off Topic", "http://topdesign.forumeiros.com/f43-off-topic"]


//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
var target=""

/////////////////////////////////////////////////////////

if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2

rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1

if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}

function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10+"px"
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}

function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10+"px"
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
</script>

Até mais

[Nosferatu~]

Sem resultados .

Olha Como ta ficando : http://hdgames.forumeiros.com/forum#

[MateusV.]

Olá, utilize este codigo

Código:

        <script type="text/javascript" src="http://steeph.vilabol.uol.com.br/slidedenovidades/slide3_script1.js"></script>
        <script type="text/javascript" src="http://steeph.vilabol.uol.com.br/slidedenovidades/slide3_script2.js"></script>

        <script>
        var simpleGallery_navpanel={
            panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
            images: [    'http://img801.imageshack.us/img801/833/left.gif', 'http://img185.imageshack.us/img185/4655/playf.gif', 'http://img824.imageshack.us/img824/9263/right.gif', 'http://img291.imageshack.us/img291/3786/paused.gif'    ], //nav panel images (in that order)
            imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
            slideduration: 500 //duration of slide up animation to reveal panel
        }
        </script>

        <script type="text/javascript">

        var mygallery=new simpleGallery({
            wrapperid: "simplegallery1", //ID of main gallery container,
            dimensions: [500, 220], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
            imagearray: [color=red]      ["[color=red]http://i42.tinypic.com/5umu6q.png[/color]", "Link]", "_new", "Título"],  [color=red]or=red]http://img31.imageshack.us/img31/9769/sotw36.png?t=1303346009[/color]", "Link]", "_new", "Título"],  [color=red]or=red]http://yourimg.in/m/r41o2pz.jpg[/color]", "Link]", "_new", "Título"]
           
            ],
            autoplay: [true, 2500, 50], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
            persist: false, //remember last viewed slide and recall within same session?
            fadeduration: 500, //transition duration (milliseconds)
            oninit:function(){ //event that fires when gallery has initialized/ ready to run
                //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
            },
            onslide:function(curslide, i){ //event that fires after each slide is shown
                //Keyword "this": references current gallery instance
                //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
                //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
            }
        })

        </script><div class="slideshowborda" id="simplegallery1" style="z-index:1;">
        </div>


Trocando apenas as imagens, o titulo e o link, até mais