Slide de notícias

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Slide de notícias

Mensagem por FTM em 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://illiweb.com/fa/pbucket.gif", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://illiweb.com/fa/pbucket.gif", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://illiweb.com/fa/pbucket.gif", "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
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Atendido / Resolvido Re: Slide de notícias

Mensagem por AquilesD. em 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>


Slide de notícias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 09.03.12 17:55

Obrigado Muito feliz
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 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
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Atendido / Resolvido Re: Slide de notícias

Mensagem por AquilesD. em 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 ?


Slide de notícias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 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.
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum
  • 0

Atendido / Resolvido Re: Slide de notícias

Mensagem por AquilesD. em 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>


Slide de notícias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Slide de notícias

Mensagem por Nosferatu~ em 09.03.12 18:19

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

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

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Atendido / Resolvido Re: Slide de notícias

Mensagem por AquilesD. em 09.03.12 18:20

Como assim oque voce quer diminuir ?


Slide de notícias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 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
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 09.03.12 18:24

desculpe o flood : em HTML
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Atendido / Resolvido Re: Slide de notícias

Mensagem por Nosferatu~ em 09.03.12 18:25

@Coper escreveu:Como assim oque voce quer diminuir ?

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

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Atendido / Resolvido Re: Slide de notícias

Mensagem por AquilesD. em 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://redcdn.net/ihimizer/img801/833/left.gif', 'https://redcdn.net/ihimizer/img185/4655/playf.gif', 'https://redcdn.net/ihimizer/img824/9263/right.gif', 'https://redcdn.net/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://redcdn.net/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://redcdn.net/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://redcdn.net/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
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Slide de notícias

Mensagem por AquilesD. em 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
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Slide de notícias

Mensagem por Nosferatu~ em 09.03.12 18:34

width = 730

height = 90
Nosferatu~

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Atendido / Resolvido Re: Slide de notícias

Mensagem por AquilesD. em 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>


Slide de notícias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Slide de notícias

Mensagem por Nosferatu~ em 09.03.12 18:49

Muito Obrigado
Nosferatu~

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 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
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Atendido / Resolvido Re: Slide de notícias

Mensagem por MateusV. em 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
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9284

http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 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!
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Atendido / Resolvido Re: Slide de notícias

Mensagem por AquilesD. em 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>


Slide de notícias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 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
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 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!.
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Atendido / Resolvido Re: Slide de notícias

Mensagem por AquilesD. em 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 ?


Slide de notícias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 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 -.-
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Atendido / Resolvido Re: Slide de notícias

Mensagem por AquilesD. em 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>


Slide de notícias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Slide de notícias

Mensagem por MateusV. em 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://illiweb.com/fa/pbucket.gif", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://illiweb.com/fa/pbucket.gif", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://illiweb.com/fa/pbucket.gif", "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
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9284

http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 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.
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum
  • 0

Atendido / Resolvido Re: Slide de notícias

Mensagem por MateusV. em 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://illiweb.com/fa/pbucket.gif", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://illiweb.com/fa/pbucket.gif", "http://fairytailmilenium.forumeiros.com", "_new", ""],      ["http://illiweb.com/fa/pbucket.gif", "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
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9284

http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Slide de notícias

Mensagem por FTM em 09.03.12 19:58

Obrigado tópico conclued
FTM

FTM
Nível 9

Masculino
Inscrito dia : 05/03/2012
Mensagens : 197
Pontos Ativos : 272

http://fairytailmilenium.forumeiros.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum