Prezados,
Estou precisando montar uma especie de slideshow que mostrem determinadas urls em uma parte da página (um frame), eu já procurei pela internet toda e só encontro rotates de imagens, mas eu não quero isso.
Veja agora como que seria a minha idéia.
Ter um frame com duas molduras, o frame do lado esquerdo é uma especie de menu e aonde vai ter o rotate e no lado direito vai ser aonde vai ser passado as páginas de tempo em tempo. e as URLS que vao ser exibidas serão nesse formato:
http://www.meuserver.com.br
http://www.meusite.com.br
Alguém pode me ajudar nessa?
PS: Depois a gente tomar uma rodada de cerveja ! ehehehehee
Renan
Slide Show De Url's
Started By
Visitante_Renan
, 11/11/2003, 14:13
4 replies to this topic
#1 Visitante_Renan
Posted 11/11/2003, 14:13
#2
Posted 11/11/2003, 22:45
A um bom tempo atrás eu criei eu criei este código que talvez seja útil. Caso tenha dúvida, envie uma msg.
Vlw,
<HTML> <HEAD> <TITLE>SlideShow by GB</TITLE> </HEAD> <BODY> <SPAN ID="_ImgURL"> <IMG ID="_ImgSpace" ONLOAD="OnImgLoad();" onclick="ImgLink(fotos[v_iImg][2])"> </SPAN><BR> <SPAN ID="_ImgDesc" STYLE="display: none;"> </SPAN> <INPUT TYPE="button" ID="btnPrev" VALUE=" << " ONCLICK="ImgPrev();"> <INPUT TYPE="button" ID="btnPlay" VALUE=" Pausar " ONCLICK="ImgPlay();"> <INPUT TYPE="button" ID="btnNext" VALUE=" >> " ONCLICK="ImgNext();"><BR> Número de figuras: <SPAN ID="_ImgX"> </SPAN> de <SPAN ID="_ImgN"> </SPAN> <script> /********************************************************* * SlideShow * ********************************************************* * Script: Slideshow com descrição e link * * Função: Alternador de imagens com os recursos: * * - Links * * - Descrição * * - Contagem automática do número de fotos * * - Tamanho padrão ou aleatório * * - Pausar apresentação (Continuar incluso) * * - Voltar e adiantar imagem * ********************************************************* * Autor: Guilherme A Blanco * * Mail: guilhermeblanco@hotmail.com * * MSN: guilhermeblanco@hotmail.com * * ICQ: 33288081 * ********************************************************* * Baseado no Script de: * * Christian Carlessi Salvadó (cocolinks@c.net.gt) * ********************************************************* * GPL - General Public License (Licença Pública Geral) * * URL: http://www.gnu.org/licenses/gpl.txt (Inglês) * * * * A licença permite a qualquer um o direito total de * * alterar o conteúdo deste arquivo sem limitações, com * * os devidos créditos intactos e o conteúdo original, o * * modificado inclusos. Requer que produto final, o * * derivado ou a aplicação inteira que usa um componente * * GPL, tal como este, também estejam licenciados. * ********************************************************* * Criado em: 13-03-2003 Atualizado: 13-03-2003 * ********************************************************* * Copyright (c) 2003 - Guilherme Blanco * *********************************************************/ var v_PlayMode = 0; var v_iImg = -1; var v_maxImg = 0; var fotos = new Array(); //* Configure as variáveis a seguir *************** // Defina o delay entre as imagens var timer = 2; // segundos // Mostrar descrição? var mostraDesc = 1; // 0 = Não, 1 = Sim // Usar links? var usarLink = 1; // 0 = Não, 1 = Sim // Sete o width (largura) e o height (altura) da imagem. // Deixe "" caso não queira adotar um tamanho fixo a todas as imagens. var ImgWidth = ""; // pixels var ImgHeight = ""; // pixels // Configure as imagens a seguir, a descrição e o link ao seu gosto // Se quiser adicionar mais fotos, insira: // fotos[v_maxImg++] = new Array("imagem.ext", "Descrição", "Link.html"); // Você também pode deixar o campo de Descrição e de Link em branco, se quiser. // Altere as variáveis mostraDesc e usarLink caso não queira alguma destas ferramentas. fotos[v_maxImg++] = new Array("banner.jpg", "Descrição 1", "index1.html"); fotos[v_maxImg++] = new Array("logo.gif", "Descrição 2", "index2.html"); fotos[v_maxImg++] = new Array("gui.jpg", "Descrição 3", "index3.html"); fotos[v_maxImg++] = new Array("as_mina.jpg", "Descrição 4", "index4.html"); fotos[v_maxImg++] = new Array("tattoo.jpg", "Descrição 5", "index5.html"); function ImgLink( sURL ) { // Para frames (edite o "nome_do_frame" para o TARGET adotado): // document.frames["nome_do_frame"].location.href = sURL; if( usarLink ) { document.location.href = sURL; } } //* As configurações acabam aqui ****************** //* Não edite nada daqui em diante **************** function DOM( sId ) { if( document.getElementById ) return document.getElementById( sId ); else if( document.all ) return document.all[ sId ]; } function ChangeImg( sBool ) { if( sBool ) { if( ++v_iImg == v_maxImg ) v_iImg = 0; } else { if( v_iImg == 0 ) v_iImg = v_maxImg; v_iImg--; } ImgUpdate(); } function ImgUpdate() { if( ImgWidth != "" || ImgHeight != "" ) { DOM("_ImgSpace").style.width = ImgWidth + "px"; DOM("_ImgSpace").style.height = ImgHeight + "px"; } DOM("_ImgSpace").src = fotos[v_iImg][0]; if( mostraDesc ) { DOM("_ImgDesc").style.display = "block"; DOM("_ImgDesc").innerHTML = fotos[v_iImg][1]; } if( usarLink ) { DOM("_ImgURL").style.cursor = "hand"; } DOM("_ImgX").innerHTML = v_iImg + 1; DOM("_ImgN").innerHTML = v_maxImg; } function ImgPlay() { v_PlayMode = !v_PlayMode; if( v_PlayMode ) { DOM("btnPlay").value = " Pausar "; DOM("btnPrev").disabled = true; DOM("btnNext").disabled = true; ImgNext(); } else { DOM("btnPlay").value = "Começar"; DOM("btnPrev").disabled = false; DOM("btnNext").disabled = false; } } function OnImgLoad() { if( v_PlayMode ) window.setTimeout("Change()", timer*1000); } function Change() { if( v_PlayMode ) { ImgNext(); } } function ImgNext() { ChangeImg(true); } function ImgPrev() { ChangeImg(false); } if( document.getElementById || document.all ) window.onload = ImgPlay; </SCRIPT> </BODY> </HTML>
Vlw,
<script language="WebFórum">
// Dados:
Nome("Guilherme Blanco");
Localidade("São Carlos - SP/Brasil");
Cargo("Manutenção");
</script>
// Dados:
Nome("Guilherme Blanco");
Localidade("São Carlos - SP/Brasil");
Cargo("Manutenção");
</script>
#3
Posted 07/08/2006, 22:47
Nossa que script massa ... ]
Como eu faço pra indicar apenas a pasta onde estarão as imagens e o script pegar o nome das imagens sozinho...
é que pretendo inserir em uma galeria onde o cliente mesmo faz upload das fotos.
Dai o codigo iria carregar o nome das imgs que tivesse na pasta ... tem como fazer isso ?
De qualquer forma se num der já to feliz pois era o que eu estava procurando e algo a mais....
Muito obrigado mesmo...
Como eu faço pra indicar apenas a pasta onde estarão as imagens e o script pegar o nome das imagens sozinho...
é que pretendo inserir em uma galeria onde o cliente mesmo faz upload das fotos.
Dai o codigo iria carregar o nome das imgs que tivesse na pasta ... tem como fazer isso ?
De qualquer forma se num der já to feliz pois era o que eu estava procurando e algo a mais....
Muito obrigado mesmo...
Edição feita por: M4T5U!, 07/08/2006, 22:53.
#4
Posted 15/03/2007, 18:48
Muito Bom esse Script Guilherme,
Gostaria de saber como coloco o link das fotos para abrir em outra página?
Obrigado
Gostaria de saber como coloco o link das fotos para abrir em outra página?
Obrigado
#5
Posted 28/04/2007, 19:23
Existe a possibilidade de usar este script com PHP e Banco de dados? Grato.
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)