Slide de imagens

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

Resolvido Slide de imagens

Mensagem por iHeloaD em 20/01/13, 01:36 pm

Qual é minha questão:
Como faço um slide de imagens em codigo html por favor?

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

Versão do fórum:
PUNBB
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Slide de imagens

Mensagem por Convidado em 20/01/13, 03:56 pm

Olá!

Senhor leia este tópico http://ajuda.forumeiros.com/t69709-

Até mais.

Convidado
Convidado


Resolvido Re: Slide de imagens

Mensagem por iHeloaD em 20/01/13, 09:59 pm

Não é assim, eu quero o mesmo que tem no inicio da pagina desse site http://www.eletrosamp.com.br/

Fis um mini video e converti para gif, na minha opiniao ficou bom e da para ver o que eu desejo:



Última edição por iStriker em 20/01/13, 10:20 pm, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Slide de imagens

Mensagem por -Naruto em 20/01/13, 10:11 pm

Olá, vi isso em outro forum no forum pokeshyni e tambem estou querendo,
minha versão e a mesma que a sua estarei a acompanhar seu topico.

Até mais.
avatar

-Naruto
Usuário avançado

Masculino
Inscrito dia : 30/11/2012
Mensagens : 429
Pontos Ativos : 556

Ver perfil do usuário http://narutodestructionrpg.forumeiros.com/forum

Resolvido Re: Slide de imagens

Mensagem por iHeloaD em 20/01/13, 10:21 pm

Olhe o video que eu fis, da pra entender o que a gente quer né
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Slide de imagens

Mensagem por Convidado em 21/01/13, 12:24 pm

Olá!

Senhor, o site em que passei, por favor, use o código, em vez de você por no Widtegs, ponha em Visualização -> Geral -> Mensagem na Pagina Inicial, e apenas troque por imagens maiores, do tamanho em que deseja.

Até mais.

Convidado
Convidado


Resolvido Re: Slide de imagens

Mensagem por RenanR em 21/01/13, 03:58 pm

Olá!

Então, eu estou com a mesma dúvida. PabloW., eu obti sucesso, só que, tem alguma forma de deixar as imagens maiores? assim como está no gift que o user iStriker demonstrou? Obrigado e aguardo resposta.

Melhores Cumprimentos!
avatar

RenanR
Nível 9

Masculino
Inscrito dia : 21/05/2011
Mensagens : 194
Pontos Ativos : 273

Ver perfil do usuário

Resolvido Re: Slide de imagens

Mensagem por Byte em 21/01/13, 04:20 pm

Olá pessoal!

Tem o modelo proposto pelo PabloW. que é o mesmo do FdF, e tem mais um monte de tipos diferentes na internet..

Uma galeria de vários tipos de slides:
60 USEFUL JQUERY IMAGE SLIDESHOW AND CONTENT SLIDER

O HTML normalmente é colocado na Mensagem da página inicial como nosso amigo PabloW. falou. Depois que escolherem um destes, peçam ajuda para os ajudeiros e o pessoal a como colocar os scripts JS do slide no fórum, nada difícil.

Espero ter ajudado e boa sorte com isso!
Byte
avatar

Byte
Membro do Fórum

Masculino
Inscrito dia : 12/02/2009
Mensagens : 1272
Pontos Ativos : 2341

Ver perfil do usuário http://gabionicle.forum.st/

Resolvido Re: Slide de imagens

Mensagem por Convidado em 21/01/13, 04:35 pm

Olá!

para que fique maior basta trocar o valor que estarei explicando abaixo.

<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:950px;height:900px}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:950px;height:900px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:950px;height:p950x}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style>
<script>var counts = 5;
img1 = new Image();
img1.src = 'http://i.imgur.com/kGVNP.png';
img2 = new Image();
img2.src = 'http://i.imgur.com/Dn6Ci.png';
img3 = new Image();
img3.src = 'http://i.imgur.com/k4gqP.png';
img4 = new Image();
img4.src = 'http://i.imgur.com/2GUgY.png';
img5 = new Image();
img5.src = 'http://i.imgur.com/tmMV3.png';
var smallImg = new Array();
smallImg[0] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif';
smallImg[1] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif';
smallImg[2] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif';
smallImg[3] = 'http://i.imgur.com/j9q7B.png';
smallImg[4] = 'http://i.imgur.com/mzFKQ.png';

url1 = 'http://spdesign.ativoforum.com/';
url2 = 'http://narutoreborn.ativoforum.com/';
url3 = 'http://br-designerforever.forumeiros.com/';
url4 = 'http://www.monsterhunterbrasil.com';
url5 = 'http://narutorpgstorm.ultimaterpg.net/';
alt1 = new Image();
alt1.alt = 'SP-Design';
alt2 = new Image();
alt2.alt = 'Naruto Reborn';
alt3 = new Image();
alt3.alt = 'Brasil Designer Forever';
alt4 = new Image();
alt4.alt = 'Brasil Designer Forever';
alt5 = new Image();
alt5.alt = 'Brasil Designer Forever';
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url_theme").href=url' + nn);
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url_theme").target = "_blank";
document.getElementById("url_theme").style.cursor = "pointer";
} else {
document.getElementById("url_theme").target = "_blank"
document.getElementById("url_theme").style.cursor = "pointer"
}
for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 4000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}</script>
<script>ImageShow()</script>
<div class="picshow_main"><div><a id="url_theme" href="http://narutorpgstorm.ultimaterpg.net/" target="_blank" style="cursor: pointer;"><img id="pic" class="imgbig" src="http://i.imgur.com/tmMV3.png" alt="Brasil Designer Forever" title="Brasil Designer Forever"></a></div><div class="picshow_change"><a href="javascript:changeimg(1);" id="xxjdjj1" class="axx" target="_self"><img src="http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif"></a><a href="javascript:changeimg(2);" id="xxjdjj2" class="axx" target="_self"><img src="http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif"></a><a href="javascript:changeimg(3);" id="xxjdjj3" class="axx" target="_self"><img src="http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif"></a><a href="javascript:changeimg(4);" id="xxjdjj4" class="axx" target="_self"><img src="http://i.imgur.com/j9q7B.png"></a><a href="javascript:changeimg(5);" id="xxjdjj5" class="bxx" target="_self"><img src="http://i.imgur.com/mzFKQ.png"></a></div></div>
Que estão em negrito, já alterei ve se este tamanho esta bom.

Até mais.

Convidado
Convidado


Resolvido Re: Slide de imagens

Mensagem por RenanR em 21/01/13, 05:02 pm

Olá!
Ficou Bugado.
Agora tem um negócio preto, gigante, mostrando os números. E aparece 2 slides, enfim, está ruim. :/

EDIT: Deixa, consegui. (:
avatar

RenanR
Nível 9

Masculino
Inscrito dia : 21/05/2011
Mensagens : 194
Pontos Ativos : 273

Ver perfil do usuário

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

- Tópicos similares

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