Slide de notícias

por FTM 09.03.12 17:36

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 :
Slide de notícias Swuute

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

por Roevs 09.03.12 17:45

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>

por FTM 09.03.12 17:55

Obrigado

por FTM 09.03.12 18:01

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

por Roevs 09.03.12 18:04

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

por FTM 09.03.12 18:09

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.

por Roevs 09.03.12 18:16

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>

por Nosferatu~ 09.03.12 18:19

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

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

por Roevs 09.03.12 18:20

Como assim oque voce quer diminuir ?

por FTM 09.03.12 18:23

@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

por FTM 09.03.12 18:24

desculpe o flood : em HTML

por Nosferatu~ 09.03.12 18:25

@Coper escreveu:Como assim oque voce quer diminuir ?

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

por Roevs 09.03.12 18:28

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

por Roevs 09.03.12 18:31

Nemo~ escreveu:
@Coper escreveu: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

por Nosferatu~ 09.03.12 18:34

width = 730

height = 90

por Roevs 09.03.12 18:41

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>

por Nosferatu~ 09.03.12 18:49

Muito Obrigado

por FTM 09.03.12 18:53

coper mas fica aparecendo uma imagem e twitter

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

e ela redireciona para um twitter

por MateusV. 09.03.12 18:56

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. Feliz

por FTM 09.03.12 19:02

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!

por Roevs 09.03.12 19:05

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>

por FTM 09.03.12 19:15

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

por FTM 09.03.12 19:17

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!.

por Roevs 09.03.12 19:18

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 ?

por FTM 09.03.12 19:25

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 -.-

por Roevs 09.03.12 19:45

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>

por MateusV. 09.03.12 19:50

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. Feliz

por FTM 09.03.12 19:53

A do mateus deu certo
Obrigado a ambos que me ajudaram Muito feliz

vou dar +1 a mateus por que já dei obrigado a coper.

por MateusV. 09.03.12 19:55

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. Feliz

por FTM 09.03.12 19:58

Obrigado tópico conclued

Slide de notícias

Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias

Re: Slide de notícias