problema em slide show

Bruno Escada · May 17, 2009 at 05:48 PM

boas pessoal

eu estou com uma duvida em relação a pequeno script para fazer.

necessito de fazer um slide show mas não sei bem como fazer.

eu pensei em fazer um ciclo no qual de 2 em 2 segundos efectuasse a alteração do url da imagem numa imageBox.

Isso ia resultar mas não consigo e fazer o ciclo que efectue uma determinada acção de 2 em 2 segundos.

alguém pode ajudar nesta parte?

é urgente

obrigado

bruno1234 · May 17, 2009 at 05:56 PM

Podes implementar um timer através do método timeout em javascript.

Tens aqui um exemplo:

http://www.w3schools.com/js/js_timing.asp

jpaulino · May 17, 2009 at 06:15 PM

Podes também, uma vez que usas asp.net, utilizar um AJAX timer.

Bruno Escada · May 17, 2009 at 06:40 PM

ajax nao seria boa ideia devido ao servidor;

em relaçao a javascript nao da depois para ir a bd buscar as imagens... 🙂

bruno1234 · May 17, 2009 at 06:45 PM

Primeiro carregas as imagens todas, e só depois fazes o slideshow.

Se forem mtas imagens podes tb com o javascript ir buscar de 10 em 10 por exemplo, podes fazer isto com um http handler (ashx, por exemplo), transferindo a informação por JSON.

Bruno Escada · May 17, 2009 at 06:52 PM

hum isso será complicado nao?

nao estou muito habituado a javascript 🙂

eu para carregar faço o seguinte:

carrego tudo para uma datatable e depois vou tirar inf a essa datatable por isso nao sei se consigo fazer assim como disseste.

bruno1234 · May 17, 2009 at 07:04 PM

Sim, isto n é uma solução simples.

Se as fotos forem poucas compensa enviares logo todas.

Se não, só mesmo com uma solução mais complicada, ou então n teres o slide show automático.

Outra solução simples é fazeres o slideshow só com thumbnails, assim poderias enviar todas as fotos, visto q tem dimensão menor. E só clicando na foto é q ela passaria a ser grande.

Em Ajax a implementação seria mais fácil, não sei pq dizes q é impedimento, ajax tb é javascript, não precisas de conteudos extra no servidor.

Bruno Escada · May 17, 2009 at 09:10 PM

hum olha que nao seria ma ideia sao so 4 ftos.

nao seriam mais que isso.

por isso acho que dava.

mas era assim tinha que definir strings na parte do codigo c# e depois ir buscar essas strings com javasript.

porque tbm tenho uma parte de backOffice que pode apagar e inserir as imagens, nao serão estaticas.

será que dava para fazer isso?

bruno1234 · May 18, 2009 at 08:47 PM

Se as fotos podem ser alteradas dinamicamente tens q ter como aceder aos nomes delas, seja guardado num ficheiro de texto, numa bd ou mm directamente á directoria.

Seja como for o script é criado dinamicamente fazendo page.RegisterClientScript... qq coisa assim e aí constrois o teu script com os nomes q quiseres.

Bruno Escada · May 18, 2009 at 10:09 PM

eu consigo manipular o nome das imagens por exemplo para imagem1, imagem2, imagem3, imagem4...

por isso e so fazer o ciclo e 2 em 2 egundos e ta feito 😉

bruno1234 · May 18, 2009 at 10:36 PM

Sim, se o nome é fixo mais fácil ainda 😉

Bruno Escada · May 18, 2009 at 10:54 PM

pois e depois tbm acho que dava para criar uma image box e meter tipo o url para a imagem e so alterava o numero 😛

tinha um script que fazia a outra parte do ciclo mas nao sei onde guardei 😉

Bruno Escada · May 19, 2009 at 02:13 AM

boa noite pessoal 😉

Obrigado a todos pela ajuda, ja consegui fazer o que queria.

por isso vou aqui deixar o codigo do programa:

vamos imaginar que existem 4 imagens;

1.jpg

2.jpg

3.jpg

4.jpg

estas estao na pasta "a".

variavel v e como um contador,

setTimeout('actualiza()',2000); isto chama o metedo actualizar de 2 em 2 segundos com eu queria 😛

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

<title>Untitled Page</title>

<style type="text/css">

#img

{

height: 190px;

width: 291px;

}

</style>

<script type="text/javascript" language=javascript>

var v = 1;

function actualiza()

{

if(v !=4)

{

form1.img.src ="a/" + v + ".jpg" ;

}

else

{

v = 1;

form1.img.src ="a/" + v + ".jpg" ;

v = v + 1;

}

setTimeout('actualiza()',2000);

}

</script>

</head>

<body onload="actualiza()">

<form id="form1" runat="server">

<div>

<img alt="" id="img" name="img"/>

</div>

</form>

</body>

</html>

pessoal gostava que dessem a vossa opiniao sobre este script

Obrigado a todos

bruno1234 · May 19, 2009 at 09:04 PM

Deixo só uma sugestão:

Se as imagens forem grandes, o slide show vai ficar mto lento da 1ª vez q correr. Nesse caso, é melhor esperar tudo de uma vez, do q ir esperando durante as fotos.

A minha sugestão é primeiro fazeres o preload das imagens e depois então ires alterando.

Na net há scripts de cm fazer esse preload em javascript ou até mm preparar o script do lado do code behind.

Sign In

problema em slide show

Recommended Posts

Bruno Escada

bruno1234

jpaulino

Bruno Escada

bruno1234

Bruno Escada

bruno1234

Bruno Escada

bruno1234

Bruno Escada

bruno1234

Bruno Escada

Bruno Escada

bruno1234

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information