Autor Tópico: Slide show aleatório na rede  (Lida 3350 vezes)

Ivan de Almeida

  • Trade Count: (1)
  • Referência
  • *****
  • Mensagens: 5.295
  • Sexo: Masculino
  • . F o t o g r a f i a .
    • Fotografia em Palavras
Online: 30 de Setembro de 2005, 18:53:31
Prezados:

Tenho um probleminha simples, não sei se alguém pode resolver...

Preciso de um slide-show web aleatório, isto é, que sorteie a foto e a apresente.

Não deve ter miniatura nem nada, só um fundo preto com a foto aparecendo, desaparecendo o mais rapidamente possível e surgindo outra. Fotos pequenas, na base de 400X600 no máximo.

A inteção é que, sendo muitas fotos, a seqüência nunca se repita, que a pessoa clique no silide show, ele comece e nunca acabe, a menos que a pessoa clique em sair ou coisa parecida.

Parece simples, mas não é.

OBS: não quero aprender nada, linguagem nenhuma, não quero pesnar -dá trabalho e já tenho no que pensar.

Ivan


Paulo Machado

  • Trade Count: (6)
  • Referência
  • *****
  • Mensagens: 5.016
  • Sexo: Masculino
Resposta #1 Online: 30 de Setembro de 2005, 21:11:56
Se tiver que ser na net voce pode abrir uma conta no Fotopic.net, por exemplo, e configurar o slideshow para rodar 1s por foto. Mas sempre vai ter a demora para carregar as fotos e não vai se aleatório,  mas não precisa programar nada e é facil.
Voce pode arranjar uma hospedagem gratuita e dar um upload nas suas fotos e vai ter que usar um script em flash, por exemplo aqui - http://www.macromedia.com/support/flash/ap..._slideshow_xml/ -  e configurar para rodar rápido e aleatório, precisa programar o xml e é um pouco mais difícil.
Se for no computador mesmo é só usar a proteção de tela do windows e colocar tudo na pasta minhas imagens.
« Última modificação: 30 de Setembro de 2005, 21:13:47 por pmachado »
When words become unclear, I shall focus with photographs. When images become inadequate, I shall be content with silent.  - Ansel Adams


diegopablo

  • Trade Count: (0)
  • Conhecendo
  • *
  • Mensagens: 37
Resposta #2 Online: 30 de Setembro de 2005, 22:42:58
Ivan, acho que consigo fazer isso pra você... É pra Internet mesmo?


dfcamara

  • Trade Count: (0)
  • Conhecendo
  • *
  • Mensagens: 53
    • http://danilo.fcamara.net/
Resposta #3 Online: 30 de Setembro de 2005, 23:47:47
Não sei se você queria este tipo de coisa, mas por diversão, fiz um exemplo em HTML+JavaScript.

Imaginando que os nomes dos slides não possuem uma regra de formação, fui obrigado a incluir uma lista com os nomes dos mesmos. Onde lê-se "delay = 5000", é o delay entre slides em milisegundos. Naturalmente, deve-se alterar a lista "slide_list" para conter os nomes dos slides em questão.

Código: [Selecionar]
<html>
<head>
  <style type="text/css">
    body { background-color: black; }
    h1   { text-align: center; margin: 2em; }
  </style>
</head>
<body>
  <h1><img name="slide" src=""></h1>
  <script type="text/javascript">
    var slide_list = new Array(
        "dscn1684.jpg",
        "dscn4019r1.jpg",
        "dscn4061c1.jpg",
        "dscn4098r1c1.jpg",
        "dscn4102r1c1.jpg",
        "dscn5206c2.jpg");

    var timer_id = null;
    var delay = 5000;
    nextSlide();

    function nextSlide() {
        var n = Math.floor(Math.random() * slide_list.length);
        document.slide.src = slide_list[n];
        timer_id = self.setTimeout("nextSlide()", delay);
    }
  </script>
</body>
</html>

Se a lista de imagens for muito grande, talvez seja mais simples renomear para um nome sequencial e alterar o JavaScript.


Ivan de Almeida

  • Trade Count: (1)
  • Referência
  • *****
  • Mensagens: 5.295
  • Sexo: Masculino
  • . F o t o g r a f i a .
    • Fotografia em Palavras
Resposta #4 Online: 01 de Outubro de 2005, 00:48:18
Prezados:

Muitíssimo obrigado. Agora, contando com essas já tenho várias maneiras de experimentar. O negócio é ir pela mais simples e ver o resultado.

Essa do dfcamera me parece bem simples, para uma seqüência definida. A sqüência definida é interessante também, confere uma esfera de planejamento.

Depois mostro o resultado.

Obrigado a todos.
Ivan


dfcamara

  • Trade Count: (0)
  • Conhecendo
  • *
  • Mensagens: 53
    • http://danilo.fcamara.net/
Resposta #5 Online: 01 de Outubro de 2005, 14:46:31
Na realidade a sequencia é aleatória. Mas se quiser sequencia fixa conforme a lista de slides, o código é bem parecido:

Código: [Selecionar]
<html>
<head>
  <style type="text/css">
    body { background-color: black; }
    h1   { text-align: center; margin: 2em; }
  </style>
</head>
<body>
  <h1><img name="slide" src=""></h1>
  <script type="text/javascript">
    var slide_list = new Array(
        "dscn1684.jpg",
        "dscn4019r1.jpg",
        "dscn4061c1.jpg",
        "dscn4098r1c1.jpg",
        "dscn4102r1c1.jpg",
        "dscn5206c2.jpg");

    var slide_pos = slide_list.length;

    var timer_id = null;
    var delay = 2000;
    nextSlide();

    function nextSlide() {
        if (++slide_pos >= slide_list.length) slide_pos = 0;
        document.slide.src = slide_list[slide_pos];
        timer_id = self.setTimeout("nextSlide()", delay);
    }
  </script>
</body>
</html>

Se quiser uma sequencia fixa, mas começando em um slide aleatório, substitua
Código: [Selecionar]
   var slide_pos = slide_list.length;
por
Código: [Selecionar]
   var slide_pos = Math.floor(Math.random() * slide_list.length);


diegopablo

  • Trade Count: (0)
  • Conhecendo
  • *
  • Mensagens: 37
Resposta #6 Online: 01 de Outubro de 2005, 17:51:14
Eu fiz algo parecido, só que botei o coldfusion pra gerar as variáveis com nomes de arquivos baseado no que tem na pasta, pra não ter que digitar um por um. Aí dá pra jogar uma imagem a qualquer momento e ela já entra automaticamente na lista...


Ivan de Almeida

  • Trade Count: (1)
  • Referência
  • *****
  • Mensagens: 5.295
  • Sexo: Masculino
  • . F o t o g r a f i a .
    • Fotografia em Palavras
Resposta #7 Online: 01 de Outubro de 2005, 17:55:12
Exelente!

A história por trás disso é que um camarada que lida com artes plásticas no viés contemporâneo pediu-me autorização para usar uma série minha chamada Composições Feias como base para um retrabalho. Essa minha série tem cinco fotos. Produziu, sobre cada uma delas, umas 20 a 25 inagens, e agora a idéia minha e dele é fazermos disso um site onde não haverá explcações, somente um fluxo de imagens. Uma espécie site-objeto de arte.

Depois mostro o resultado. Ainda estamos na fase de selecionar entre esse material o que será usado.


charles247

  • Trade Count: (5)
  • Membro Ativo
  • ***
  • Mensagens: 755
Resposta #8 Online: 05 de Outubro de 2005, 19:21:16
DiegoPablo

Como fizeste isso???

É alguma função do html???

CHarles
Charles Ceccagno
charles@ceccagno.com.br
------------------------------------------------------------------


Raulscl

  • Trade Count: (0)
  • Conhecendo
  • *
  • Mensagens: 231
  • Sexo: Masculino
Resposta #9 Online: 05 de Outubro de 2005, 20:19:46
COLDFUSION e uma linguagem de programação charles, assim como ASP e PHP...

Ivan, mas o site dele será em qual linguagem, pois com qualquer uma dessas 3 que eu falei e facil fazer isso que voce deseja, mas e bom manter no padrao do site principal dele...

abraços...
 
* Nome : Raul Lopes
* Cidade / Estado : Rio de Janeiro - RJ
* Equipamento : Canon 7D