Slide de notícias

[FTM]

Qual é minha questão:
Olá.Estou fazendo uma página inicial,mas tem uma parte onde eu vou colocar as ultimas notícias.e estou pensando em colocar um Slide.Estou precisando de um Slide com um tamanho de 419x300 alguém poderia me passar um?.
tenho um slide que uso.só que ele não e 419x300.Por favor me ajudem nisso
Imagem da página inicial que estou criando :

Código do meu slide :

Código:


<script type="text/javascript" src="http://pokestras.6te.net/js/js1.js"></script>
<script type="text/javascript" src="http://pokestras.6te.net/js/js2.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: 200 //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: [419, 300], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
  imagearray: [
      ["http://i39.tinypic.com/2zpujo9.png", "http://fairytailmilenium.forumeiros.com", "_new", ""],
["http://i1164.photobucket.com/albums/q576/Netinhogdr/parceria.png", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://i1164.photobucket.com/albums/q576/Netinhogdr/regras.png", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://i1164.photobucket.com/albums/q576/Netinhogdr/tutorial.png", "http://fairytailmilenium.forumeiros.com", "_new", ""],
      ],
  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; position: relative; visibility: visible; background: none repeat scroll 0% 0% black; overflow: hidden; width: 730px; height: 90px;"><div style="position: absolute; left: 0px; top: 0px; z-index: 999; opacity: 1;" class="gallerylayer"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 1000; opacity: 1;" class="gallerylayer"><a href="http://twitter.com/Pstras" target="_new">
<img src="http://i.imgur.com/3Pyu1.png" style="border-width: 0pt;"></a></div><div style="position: absolute; width: 100%; height: 45px; left: 0px; top: 45px; font: bold 11px Verdana; z-index: 1001;" class="navpanellayer"><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% black; opacity: 0.5;" class="navpanelbg"></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 5px; text-align: center; color: white;" class="navpanelfg"><img class="navimages" title="Prev" src="http://img801.imageshack.us/img801/833/left.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Pause" src="http://img291.imageshack.us/img291/3786/paused.gif" style="position: relative; border: 0pt none; cursor: pointer; top: 0px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Next" src="http://img824.imageshack.us/img824/9263/right.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 0pt; opacity: 0.8;"> <div class="gallerystatus" style="margin-top: 1px;">2/3</div></div></div></div>

<br><font size="2"><span style="font-weight: bold; color: Green;"></span></font>

Até Mais

Medidas que eu tomei para corrigir o problema:
n sei .__.

Links e imagens do meu problema:
link direto da imagem : https://2img.net/h/oi44.tinypic.com/swuute.png

Endereço do meu fórum:
http://fairytailmilenium.forumeiros.com/forum

Versão do meu fórum:
PHPBB3

[Roevs]

Bom eu tenho este Slide é só voce editar as imagens o tamanho ja editei oks

Código:

<script type="text/javascript" src="http://pokestras.6te.net/js/js1.js"></script>
<script type="text/javascript" src="http://pokestras.6te.net/js/js2.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: 200 //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: [419, 300], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
   imagearray: [
      ["http://i47.servimg.com/u/f47/13/77/16/07/banner30.png", "http://www.superonzerv.com", "_new", ""],
["http://i47.servimg.com/u/f47/13/77/16/07/banner32.png", "http://www.superonzerv.com/t18954-banners-de-divulgacao-parceria", "_new", ""],      ["http://i47.servimg.com/u/f47/13/77/16/07/banner31.png", "http://grandedown.forumeiros.com/", "_new", ""],      ["http://i47.servimg.com/u/f47/13/77/16/07/banner34.png", "http://www.facebook.com/pages/SORV/357911434242685?notif_t=fbpage_admin", "_new", ""],
      ],
   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; position: relative; visibility: visible; background: none repeat scroll 0% 0% black; overflow: hidden; width: 730px; height: 90px;"><div style="position: absolute; left: 0px; top: 0px; z-index: 999; opacity: 1;" class="gallerylayer"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 1000; opacity: 1;" class="gallerylayer"><a href="http://twitter.com/Pstras" target="_new">
<img src="http://i.imgur.com/3Pyu1.png" style="border-width: 0pt;"></a></div><div style="position: absolute; width: 100%; height: 45px; left: 0px; top: 45px; font: bold 11px Verdana; z-index: 1001;" class="navpanellayer"><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% black; opacity: 0.5;" class="navpanelbg"></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 5px; text-align: center; color: white;" class="navpanelfg"><img class="navimages" title="Prev" src="http://img801.imageshack.us/img801/833/left.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Pause" src="http://img291.imageshack.us/img291/3786/paused.gif" style="position: relative; border: 0pt none; cursor: pointer; top: 0px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Next" src="http://img824.imageshack.us/img824/9263/right.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 0pt; opacity: 0.8;"> <div class="gallerystatus" style="margin-top: 1px;">2/3</div></div></div></div>

<br><font size="2"><span style="font-weight: bold; color: Green;"></span></font>

[FTM]

Obrigado

[FTM]

Amigo,Ele estar parado na segunda mensagem.Tipo eu não passo,e ele não passa automaticamente.Coloquei só o slide para testar olhe o link

http://fairytailmilenium.forumeiros.com/h1-inicio-fairy-tail-milenium

[Roevs]

Poderia me passar os sites das imagem e os link para aonde ele vai dar quando clicar nela para que eu edite para voce ?

[FTM]

em todos eles você pode colocar essa imagem : https://2img.net/h/oi39.tinypic.com/1z4wp4w.png

já que ainda não as fiz.

Para onde elas vão você pode colocar o inicio do fórum : http://fairytailmilenium.forumeiros.com

editar imagem e mudar o link eu sei.

[Roevs]

Tente trocar por este código

Código:

<script type="text/javascript" src="http://pokestras.6te.net/js/js1.js"></script>
<script type="text/javascript" src="http://pokestras.6te.net/js/js2.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: 200 //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: [419, 300], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
   imagearray: [
      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", ""],      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
      ],
   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; position: relative; visibility: visible; background: none repeat scroll 0% 0% black; overflow: hidden; width: 730px; height: 90px;"><div style="position: absolute; left: 0px; top: 0px; z-index: 999; opacity: 1;" class="gallerylayer"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 1000; opacity: 1;" class="gallerylayer"><a href="http://twitter.com/Pstras" target="_new">
<img src="http://i.imgur.com/3Pyu1.png" style="border-width: 0pt;"></a></div><div style="position: absolute; width: 100%; height: 45px; left: 0px; top: 45px; font: bold 11px Verdana; z-index: 1001;" class="navpanellayer"><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% black; opacity: 0.5;" class="navpanelbg"></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 5px; text-align: center; color: white;" class="navpanelfg"><img class="navimages" title="Prev" src="http://img801.imageshack.us/img801/833/left.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Pause" src="http://img291.imageshack.us/img291/3786/paused.gif" style="position: relative; border: 0pt none; cursor: pointer; top: 0px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Next" src="http://img824.imageshack.us/img824/9263/right.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 0pt; opacity: 0.8;"> <div class="gallerystatus" style="margin-top: 1px;">2/3</div></div></div></div>

<br><font size="2"><span style="font-weight: bold; color: Green;"></span></font>

[Nosferatu~]

https://i.imgur.com/JfFew.png

Eu Consegui Só que Ficou Muito Grande Como Faço Para Diminuir

[Roevs]

Como assim oque voce quer diminuir ?

[FTM]

@coper aqui fica parecendo um pokemon .__.

http://fairytailmilenium.forumeiros.com/h1-inicio-fairy-tail-milenium

Tipo,só fica nele o tempo todo......Estou fazendo a página inicial pelo Dreawaver cs4

[FTM]

desculpe o flood : em HTML

[Nosferatu~]

Como assim oque voce quer diminuir ?

Quero Diminuir a altura e a largura e também centralizar =(

[Roevs]

FTM acho que você mexeu em um lugar que não deve estarei ensinando como só mudar as imagens

<script type="text/javascript" src="http://pokestras.6te.net/js/js1.js"></script>
<script type="text/javascript" src="http://pokestras.6te.net/js/js2.js"></script>

<script>
var simpleGallery_navpanel={
panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
images: [ 'https://2img.net/r/ihimizer/img801/833/left.gif', 'https://2img.net/r/ihimizer/img185/4655/playf.gif', 'https://2img.net/r/ihimizer/img824/9263/right.gif', 'https://2img.net/r/ihimizer/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: 200 //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: [419, 300], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: ["https://2img.net/h/oi39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
["https://2img.net/h/oi39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""], ["https://2img.net/h/oi39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", ""], ["https://2img.net/h/oi39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
],
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; position: relative; visibility: visible; background: none repeat scroll 0% 0% black; overflow: hidden; width: 730px; height: 90px;"><div style="position: absolute; left: 0px; top: 0px; z-index: 999; opacity: 1;" class="gallerylayer"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 1000; opacity: 1;" class="gallerylayer"><a href="http://twitter.com/Pstras" target="_new">
<img src="https://i.imgur.com/3Pyu1.png" style="border-width: 0pt;"></a></div><div style="position: absolute; width: 100%; height: 45px; left: 0px; top: 45px; font: bold 11px Verdana; z-index: 1001;" class="navpanellayer"><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% black; opacity: 0.5;" class="navpanelbg"></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 5px; text-align: center; color: white;" class="navpanelfg"><img class="navimages" title="Prev" src="https://2img.net/r/ihimizer/img801/833/left.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Pause" src="https://2img.net/r/ihimizer/img291/3786/paused.gif" style="position: relative; border: 0pt none; cursor: pointer; top: 0px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Next" src="https://2img.net/r/ihimizer/img824/9263/right.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 0pt; opacity: 0.8;"> <div class="gallerystatus" style="margin-top: 1px;">2/3</div></div></div></div>

<br><font size="2"><span style="font-weight: bold; color: Green;"></span></font>

Vermelho - Site da Imagem

Azul - Site para aonde quando clicar na imagem vai

[Roevs]

Como assim oque voce quer diminuir ?

Quero Diminuir a altura e a largura e também centralizar =(

Me passa a Altura e Largura que voce quer Exemplo

width = 350

height = 100

[Nosferatu~]

width = 730

height = 90

[Roevs]

Aqui esta o código

Código:

<center>
<script type="text/javascript" src="http://pokestras.6te.net/js/js1.js"></script>
<script type="text/javascript" src="http://pokestras.6te.net/js/js2.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: 200 //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: [730, 90], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
   imagearray: [
      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", ""],      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
      ],
   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; position: relative; visibility: visible; background: none repeat scroll 0% 0% black; overflow: hidden; width: 730px; height: 90px;"><div style="position: absolute; left: 0px; top: 0px; z-index: 999; opacity: 1;" class="gallerylayer"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 1000; opacity: 1;" class="gallerylayer"><a href="http://twitter.com/Pstras" target="_new">
<img src="http://i.imgur.com/3Pyu1.png" style="border-width: 0pt;"></a></div><div style="position: absolute; width: 100%; height: 45px; left: 0px; top: 45px; font: bold 11px Verdana; z-index: 1001;" class="navpanellayer"><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% black; opacity: 0.5;" class="navpanelbg"></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 5px; text-align: center; color: white;" class="navpanelfg"><img class="navimages" title="Prev" src="http://img801.imageshack.us/img801/833/left.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Pause" src="http://img291.imageshack.us/img291/3786/paused.gif" style="position: relative; border: 0pt none; cursor: pointer; top: 0px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Next" src="http://img824.imageshack.us/img824/9263/right.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 0pt; opacity: 0.8;"> <div class="gallerystatus" style="margin-top: 1px;">2/3</div></div></div></div>

<br><font size="2"><span style="font-weight: bold; color: Green;"></span></font></center>


[Nosferatu~]

Muito Obrigado

[FTM]

coper mas fica aparecendo uma imagem e twitter

essa : https://i.imgur.com/3Pyu1.png

e ela redireciona para um twitter

[MateusV.]

Olá, substitua o codigo por este

Código:

<center>
<script type="text/javascript" src="http://pokestras.6te.net/js/js1.js"></script>
<script type="text/javascript" src="http://pokestras.6te.net/js/js2.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: 200 //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: [730, 90], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
  imagearray: [
      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", ""],      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
      ],
  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>

<br><font size="2"><span style="font-weight: bold; color: Green;"></span></font></center>

Cordialmente.

[FTM]

Mateus esse não apareceu nada.....

Bom eu estou fazendo isso tudo no Dreamweaver cs4 em HTML...Quando coloco o código ele aparece aquele negocio de pokémon que redireciona para o Twitter.

Mas se eu colocar o código no Fórum isso da certo!

[Roevs]

Bom tente este código

Código:

<script type="text/javascript" src="http://pokestras.6te.net/js/js1.js"></script>
<script type="text/javascript" src="http://pokestras.6te.net/js/js2.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: 200 //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: [419, 300], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
  imagearray: [
      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", ""],      ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
      ],
  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; position: relative; visibility: visible; background: none repeat scroll 0% 0% black; overflow: hidden; width: 730px; height: 90px;"><div style="position: absolute; left: 0px; top: 0px; z-index: 999; opacity: 1;" class="gallerylayer"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 1000; opacity: 1;" class="gallerylayer"><a href="" target="_new">
<img src="" style="border-width: 0pt;"></a></div><div style="position: absolute; width: 100%; height: 45px; left: 0px; top: 45px; font: bold 11px Verdana; z-index: 1001;" class="navpanellayer"><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% black; opacity: 0.5;" class="navpanelbg"></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 5px; text-align: center; color: white;" class="navpanelfg"><img class="navimages" title="Prev" src="http://img801.imageshack.us/img801/833/left.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Pause" src="http://img291.imageshack.us/img291/3786/paused.gif" style="position: relative; border: 0pt none; cursor: pointer; top: 0px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Next" src="http://img824.imageshack.us/img824/9263/right.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 0pt; opacity: 0.8;"> <div class="gallerystatus" style="margin-top: 1px;">2/3</div></div></div></div>

<br><font size="2"><span style="font-weight: bold; color: Green;"></span></font>

[FTM]

Ficou só o Menu.....

bom nos códigos anteriores era esse código que ficava aparecendo :

<div style="position: absolute; left: 0px; top: 0px; z-index: 1000; opacity: 1;" class="gallerylayer"><a href="http://twitter.com/Pstras" target="_new">
<img src="https://i.imgur.com/3Pyu1.png" style="border-width: 0pt;"></a></div>

Essa imagem que redirecionava para o Twitter...E também eu não consigo avançar e voltar as imagens!! só fica nela

[FTM]

desculpe o flod,aqui estar o link do teste

http://fairytailmilenium.forumeiros.com/h1-inicio-fairy-tail-milenium

estou colocando todos os teste la...mudei para o ultimo!.

[Roevs]

FTM cara me passa os links das imagem que voce quer e o tamanho porque voce falo um tamanho no seu topico e esta querendo outro e ?

[FTM]

o tamanho e 419x300 o problema e que estar aparecendo a quela imagem do twitter .__.
ai não consigo avançar as imagens e nem voltar,só fica na imagem do twitter -.-

[Roevs]

Tente utilizar este código

Código:

<script type="text/javascript" src="http://pokestras.6te.net/js/js1.js"></script>
<script type="text/javascript" src="http://pokestras.6te.net/js/js2.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: 200 //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: [419, 300], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""], ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", ""], ["http://i39.tinypic.com/1z4wp4w.png", "http://fairytailmilenium.forumeiros.com/", "_new", ""],
],
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 style="position: absolute; width: 100%; height: 45px; left: 0px; top: 45px; font: bold 11px Verdana; z-index: 1001;" class="navpanellayer"><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% black; opacity: 0.5;" class="navpanelbg"></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 5px; text-align: center; color: white;" class="navpanelfg"><img class="navimages" title="Prev" src="http://img801.imageshack.us/img801/833/left.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Pause" src="http://img291.imageshack.us/img291/3786/paused.gif" style="position: relative; border: 0pt none; cursor: pointer; top: 0px; margin-right: 10px; opacity: 0.8;"> <img class="navimages" title="Next" src="http://img824.imageshack.us/img824/9263/right.gif" style="position: relative; border: 0pt none; cursor: pointer; top: -4px; margin-right: 0pt; opacity: 0.8;"> <div class="gallerystatus" style="margin-top: 1px;">2/3</div></div></div>
<br><font size="2"><span style="font-weight: bold; color: Green;"></span></font>

[MateusV.]

Olá, substitua o codigo por este

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: [
                ["http://i39.tinypic.com/2zpujo9.png", "http://fairytailmilenium.forumeiros.com", "_new", ""],
["http://i1164.photobucket.com/albums/q576/Netinhogdr/parceria.png", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://i1164.photobucket.com/albums/q576/Netinhogdr/regras.png", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://i1164.photobucket.com/albums/q576/Netinhogdr/tutorial.png", "http://fairytailmilenium.forumeiros.com", "_new", ""]
           
            ],
            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>

 

Cordialmente.

[FTM]

A do mateus deu certo
Obrigado a ambos que me ajudaram vou dar +1 a mateus por que já dei obrigado a coper.

[MateusV.]

Olá, caso deseje as dimensões das imagens usadas o codigo é este

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: [710, 91], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
            imagearray: [
                ["http://i39.tinypic.com/2zpujo9.png", "http://fairytailmilenium.forumeiros.com", "_new", ""],
["http://i1164.photobucket.com/albums/q576/Netinhogdr/parceria.png", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://i1164.photobucket.com/albums/q576/Netinhogdr/regras.png", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://i1164.photobucket.com/albums/q576/Netinhogdr/tutorial.png", "http://fairytailmilenium.forumeiros.com", "_new", ""]
           
            ],
            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>

Cordialmente.

[FTM]

Obrigado tópico conclued