[Resolvido] Botão para proxima foto

[Darlan Evandro 0]

Olá Pessoal!!!

 

Necessito fazer um botão para avançar as fotos.

Tenho o botão para voltar... que é java script,

e tenho o botão Próximo "que está em negrito e vermelho".

 

Não tenho idéia de como fazer isso,

mas

Gostaria que alguem me ajudasse, para que esse botão buscasse a próxima foto, referente ao id.... da cidade.

 

 

 

Tenho o seguinte codigo:

________________________________

<%
Set objCol = Server.CreateObject("ADODB.Connection")
objCol.Open fm_img_cidade
  
id = request.querystring("id")

If id = "" then
ComandoSQL = " SELECT * FROM cidade ORDER BY id DESC"
else
ComandoSQL = " SELECT * FROM cidade WHERE id = " & id
end If
Set objRS = Server.CreateObject("ADODB.Recordset")
objRS.CursorLocation = 2
objRS.CursorType = 1
objRS.LockType = 1
objRS.Open ComandoSQL, objCol,,, &H0001
%>
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td width="200%" colspan="3" class="texto"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr><td width="98%"><font size="1" color="#999999" face="Arial, Helvetica, sans-serif"><span class='c333333'>
<% If objRS.eof or objRS.bof then %>
<% response.write "Coluna ainda não disponível"
							  else%>  
</span></font>
<font face="Arial, Helvetica, sans-serif" color="#FF6600" size="2">
<span class='size16 bold c000000'><strong>» Cód. <%=objRS("codigo")%></strong></span></font><br /> <img src="<%=objRS("imagem")%>" alt="" /></td>
<td width="1%"></td></tr> </table></td></tr>
 <tr><td colspan="3" class="arial size11"><div align="center">
<img src="images/botão.jpg" width="120" height="27" border="0" usemap="#Map">
<img src="images/proximo.jpg" width="89" height="29" border="0"></div></tr> <!-- LINHA DO "BOTÃO" PRÓXIMO -->
<tr><td width="200%"><table width="102%" border="0" align="center" cellpadding="0" cellspacing="0" class="bordaBottom bordaTop bordaLeft bordaRight bcCCCCCC">
							<% end if %>

_____________________________

 

Agradeço.... desde já

[Mário Monteiro 179]

Faça ambos com asp, usando paginação

 

Pois o seu voltar com javascript nao funcionará como quer se entrar diretamente na imagem o voltar nao irá para a imagem anterior e sim para a pagina anterior

[desisto 0]

você quer fazer paginacao ou mudanca de fotos?

tipo um anuncio com 5 fotos, aparece a 1º com link 'proxima foto' e quando clica muda?

[Darlan Evandro 0]

Isso "DESISTO", só queria a mudança de fotos, não precisa ter paginação!!

 

Eu tenho as miniaturas....

Quando clico na miniatura.. abra a imagem grande, na mesma pagina -"iframe"

ai com a imagem grande, para eu não ter que voltar para a pagina das miniaturas e escolher a próxima foto,

aparecesse um botão.... para a próxima foto!

 

 

oq eu poderia fazer???

[desisto 0]

isso se resolve com js e nao asp

acho que o pessoasl de la pode arrumar uma forma simples pra você

 

so muma ideia

quando criar as miniaturas, faca um campo de texto hidden com o id e a url

e vai passando ou voltando conforme o click

 

se forem 3 fotos

id=1 value=url1

id=2 value=url2

id=3 value=url3

[Salgado 4]

EU faria diferente. Nos links Anterior e Próxima eu passaria o ID da imagem atual e uma variável informando o que quero daí montaria a SQL para o caso específico.

 

Ficaria algo +/- assim:

<%
Set objCol = Server.CreateObject("ADODB.Connection")
objCol.Open fm_img_cidade

id = request.querystring("id")
Acao = Request("acao")

If id = "" then
ComandoSQL = " SELECT * FROM cidade ORDER BY id DESC"
else
ComandoSQL = " SELECT Top 1 * FROM cidade WHERE id "& Sinal &" " & id &";"
end If

Select Case LCase(Acao)
Case "anterior"
Sinal = "<="
Case "proximo"
Sinal = "=>"
Case Else
Sinal = "="
End Select

'Aqui irá o seu RecordSet executando a SQL lá de cima, a exibição será igual como estava.
'Os links Anterior e Próximo ficariam assim:

<a href="?ID="& VariavelQueVemDoRecordSetComoID &"&Acao=anterior"><img src="images/Anterior.jpg" width="120" height="27" border="0"></a>
<a href="?ID="& VariavelQueVemDoRecordSetComoID &"&Acao=proximo"><img src="images/Proximo.jpg" width="89" height="29" border="0"></a>

[desisto 0]

mas isso nao deixa de ser paginacao

tb é uma opcao

[Darlan Evandro 0]

BOm pessoal, to perdido

aushuahsuah

 

será q vocês poderiam me dar um exemplo de como ficaria o "anterior" - "proxima"

igual o "Salgado" disse.....

 

 

EU faria diferente. Nos links Anterior e Próxima eu passaria o ID da imagem atual e uma variável informando o que quero daí montaria a SQL para o caso específico.

seria isso???? Acredito que não..

 

<a href="ver_img_cidade.asp?id=<%=objRS("codigo")%>"Anterior</a>
<a href="ver_img_cidade.asp?id=<%=objRS("codigo")%>">Próximo</a>

[Darlan Evandro 0]

Com esse codigo ai.... que acabei de postar "que nao sei se está correto" eu to conseguindo avançar somente uma vez a foto.

Somente avança uma vez. Não recua a foto.

Não teria algum codigo que eu colocaria ali dentro, para ele ler todas as imagens que tivessem o mesmo codigo???

[desisto 0]

fazer tudo de uma vez seria com js

 

esse esquema do salgado é uma paginacao normal passando a id pela url

[Darlan Evandro 0]

Acredito que seja um codigo tão simples, ali no link

<a href="ver_img_cidade.asp?id=<%=objRS("codigo")%>"Anterior</a>

mas nao faço a minima idéia de qual....

 

e agora....q eu faço???

qual seria a melhor opção???

js???

[desisto 0]

eu particularmente usaria js pq ja carregaria tudo junto sem precisar ficar atualizando a pagina

 

esolhe o metodo que vai usar e posta pra gente saber o que fazer por você

[]s

[Mário Monteiro 179]

se vai ficar mudando nao precisa de anterior e proximo

 

senao usaria paginação mesmo

[Salgado 4]

BOm pessoal, to perdido

aushuahsuah

 

será q vocês poderiam me dar um exemplo de como ficaria o "anterior" - "proxima"

igual o "Salgado" disse.....

 

 

EU faria diferente. Nos links Anterior e Próxima eu passaria o ID da imagem atual e uma variável informando o que quero daí montaria a SQL para o caso específico.

 

seria isso???? Acredito que não..

 

<a href="ver_img_cidade.asp?id=<%=objRS("codigo")%>"Anterior</a>
<a href="ver_img_cidade.asp?id=<%=objRS("codigo")%>">Próximo</a>

Repare que no próprio post que eu disse que faria diferente mostrei com códigos o que deve ser feito. Leia, entenda, implemente e traga as duvidas.

 

Mostre como está seu código agora.

[desisto 0]

pronto

feito em js rapidinho

separei a funcao anterior e proxima pra você entender, pode juntar se quiser

 

tem que arrumar o seguinte:

quando chega na ultima foto, o botao proxima fica oculto, bpta uma condicao pra ele aparecer

isso acontece tb no caso do botao anterior

 

fora isso ta tudo ok

 

 

<script>
var inicial = 1;
var total = 5;

function foto_p(){
	inicial ++;
	if (inicial >= total) {
		document.getElementById('proxima').style.display="none";
		}		
	url_foto = document.getElementById('foto_anuncio'+inicial).value;
	document.getElementById('mostra_foto').innerHTML = url_foto;
}

function foto_a(){
	inicial --;
	if (inicial <= 1) {
		document.getElementById('anterior').style.display="none";
		}		
	url_foto = document.getElementById('foto_anuncio'+inicial).value;
	document.getElementById('mostra_foto').innerHTML = url_foto;
}
</script>


<input type="hidden" value="FOTO1" id="foto_anuncio1" />
<input type="hidden" value="FOTO2" id="foto_anuncio2" />
<input type="hidden" value="FOTO3" id="foto_anuncio3" />
<input type="hidden" value="FOTO4" id="foto_anuncio4" />
<input type="hidden" value="FOTO5" id="foto_anuncio5" />


<div onclick="foto_a()" id="anterior">Foto anterior</div>
<div onclick="foto_p()" id="proxima">Próxima foto</div>
<br />
<br />
Estou vendo a foto: 
<div id="mostra_foto">foto 1</div>

[Mário Monteiro 179]

se for um numero fixo sempre é facil mesmo

 

mas se for algo que venha a crescer serão dois trabalhos

[desisto 0]

nao entendi

se refere à q?

 

o input é criado com um loop e o total jogado na var

nao precisa mudar mais nada ja ta tudo pronto, exceto o que falei acima

[Mário Monteiro 179]

e se forem milhares de imagens carregará tudo né?

 

se eu abrisse um site assim nao demoraria muito para sair em definitivo

[Darlan Evandro 0]

Repare que no próprio post que eu disse que faria diferente mostrei com códigos o que deve ser feito. Leia, entenda, implemente e traga as duvidas.

 

Mostre como está seu código agora.

Salgado,

meu codigo agora está assim:

 

 

Banco:

<%
Set objCol = Server.CreateObject("ADODB.Connection")
objCol.Open fm_img_cidade
  
id = request.querystring("id")
Acao = Request("acao")

If id = "" then
ComandoSQL = " SELECT * FROM cidade ORDER BY id DESC"
else
ComandoSQL = " SELECT Top 1 * FROM cidade WHERE id "& Sinal &" " & id &";"
end If

Select Case LCase(Acao)
Case "anterior"
	Sinal = "<="
Case "proximo"
	Sinal = "=>"
Case Else
	Sinal = "="
End Select
Set objRS = Server.CreateObject("ADODB.Recordset")
objRS.CursorLocation = 2
objRS.CursorType = 1
objRS.LockType = 1
objRS.Open ComandoSQL, objCol,,, &H0001
%>

 

 

botões:

<a href="ver_img_cidade.asp?id= <%=objRS("id")%> &"&Acao=anterior">Anterior</a>
<a href="ver_img_cidade.asp?id=<%=objRS("id")%> &"&Acao=proximo">próximo</a>

 

consigo abrir a página das miniaturas. Qndo vou abrir a pagina "ver_img_cidade"

acusa o seguinte erro

 

Microsoft JET Database Engine erro '80040e14'

 

Erro de sintaxe (operador faltando) na expressão de consulta 'id 6'.

 

/ver_img_cidade.asp, line 46

 

a linha 46 é essa:

objRS.Open ComandoSQL, objCol,,, &H0001

[Darlan Evandro 0]

se clico na foto de id1 - o erro indica: (operador faltando) na expressão de consulta 'id 1'.

se clico na foto de id2 - o erro indica: (operador faltando) na expressão de consulta 'id 2'.

assim por diante...