Paginação - Como paginar imagens?

16 respostas
htmlcssjavascript
C

alguém tem algum exemplo de como criar paginação de imagens.
é possível fazer sem uma linguagem backend?

16 Respostas

D

Qual contexto seja bem mais claro

C

as imagens ficam local.
quero algo parecido com isso…

D

Bom, se é pra ler um diretório (acredito) que tenha que ser com uma linguagem serve-sive, algo dinâmico, a unica coisa que observei em alguns código se for com um campo do tipo file, consegue no momento da escolha, mas, eu acho que não é isso …!

C

vi uns exemplos aqui só com javascript. estou tentando adaptar ao meu projeto.

L

Isso é só possível atráves do JavaScript e do jQuery.

D

jQuery é javascript !!! não entendi o posicionamento …

E dependendo da situação ele vai precisar sim de um backend para trazer essas fotos, claro eu ainda não entendi como ele quer trazer as fotos.

D

Se precisa ler o diretório com Javascript?

L

Cara tú ainda não entendeu, tem gente que tem o expert em JavaScript e cria códigos de interatividade maravilhoso e o jQuery não passa de uma biblioteca de funções do JavaScript para interagir no HTML e do CSS.
É possível sim utilizar o Backend nesses momentos, mas tem gente que utiliza o Filezilla só pra mudar às imagens, vídeos, links e entre outros atráves do HTML.

C


a paginação não precisa ser numerada quero que apenas pagine.
exemplo avançar e voltar.

D

Cara tú não entendeu que você está falando de uma coisa e eu de outra, infelizmente você não pode afirmar nada sobre a pergunta, que é o mais importante.

Agora se vem e fala sobre Fillezila que não tem nada a ver … ! O cara quer saber outra coisa,

“Cleiton_Conceicao:

a paginação não precisa ser numerada quero que apenas pagine.

exemplo avançar e voltar.

Se não me responde, você vai ler o diretório como?

D

Rapaz para de falar tanta coisa que não é referente a pergunta, e paramos por aqui, não estou aqui para discutir, estou aqui para ajudar os outros e faço o mesmo se quiser!

Você disse algumas coisas obvias, e isso não ajuda a solução do problema que até o momento é indefinido.

Obrigado.

C

eu vou ler o diretório passando o caminho da imagem.
é isso que vc quer saber?

D

Então o dado é fixo? você carrega um array de informações no Javascript? Como você carrega as fotos é dinâmico?

C

eu carrego as fotos de forma fixa, não é dinâmico.
é apenas uma galeria de fotos cujo qual ficará salvo em uma pasta.

D

então você precisa fazer um código para ler posições e pagine essas fotos!

Não é complicado fazer isso, exemplo:

https://jsfiddle.net/v8y5oxbu/

Javascript

var photos = ['a','b','c','d','e','f','g','h','i','j'];
var total = photos.length;
var page = 1;

function next() {
	page++;
  if (page > total){
  	page = total;
  }
  view();
}

function previous() {
	page--;
  if (page < 1){
  	page = 1;
  }
  view();
}

function view() {
	document.getElementById("view").innerHTML = photos[page - 1];
}

view();

Html

<div>
  <a href="javascript:;" onclick="previous()">Anterior</a>
  <span id="view">a</span>
  <a href="javascript:;" onclick="next()">Próximo</a>
</div>

Isso pagina de 1 em 1, mas, você fazer uma paginação maior com essa idéia.

C

vou dar uma analisada, eu resolvendo ou não te darei um retorno.
obrigado!

Criado 18 de agosto de 2018
Ultima resposta 21 de ago. de 2018
Respostas 16
Participantes 3