Estou fazendo 3 galerias com html através do JavaScript, o código e o mesmo e estou repetindo ele através da variável x, com o loop while. Ao lado de cada galeria existe a opção "veja mais", que, ao clicar, deve carregar uma página com todas as fotos da correspondente galeria(a que foi clicada). A função que carrega todas as imagens é a função maisGaleria(n), e pretendo passar o valor de n através do x, da página das galerias. Porém, não consigo. Creio que preciso recuperar esse valor na página pics.html para então passar o valor do parametro a função, acho que posso fazer isso pegando a url mas não sei como. Alguma dica ?
for(var i = 0; i <= 3; i++){
galeria = "foto"+x+"_"+(i+1)+".jpg";
}
//se utilizar <=galeria.length, ele adicionara um valor vazio, que foi atribuido devido ao (i+1) do outro for.
for(var i = 0; i < galeria.length; i++){
imgs.innerHTML += "<img src='img/"+galeria+"' class='imgs-galeria'>";
}
for(var i = 0; i <= 3; i++){
galeria = "foto"+n+"_"+(i+1)+".jpg";
}
//se utilizar <=galeria.length, ele adicionara um valor vazio, que foi atribuido devido ao (i+1) do outro for.
for(var i = 0; i < galeria.length; i++){
img.innerHTML += "<img src='img/"+galeria+"' class='imgs-galeria'>";
}
Question
Gabriel Ozzy
Estou fazendo 3 galerias com html através do JavaScript, o código e o mesmo e estou repetindo ele através da variável x, com o loop while. Ao lado de cada galeria existe a opção "veja mais", que, ao clicar, deve carregar uma página com todas as fotos da correspondente galeria(a que foi clicada). A função que carrega todas as imagens é a função maisGaleria(n), e pretendo passar o valor de n através do x, da página das galerias. Porém, não consigo. Creio que preciso recuperar esse valor na página pics.html para então passar o valor do parametro a função, acho que posso fazer isso pegando a url mas não sei como. Alguma dica ?
As galerias:
while(x <= 3){
imgs.innerHTML += "<div id='gal"+x+"' class='row'>";
imgs.innerHTML += "<div class='eight columns'>";
imgs.innerHTML += "<h4>Galeria "+x+"</h4>"
for(var i = 0; i <= 3; i++){
galeria = "foto"+x+"_"+(i+1)+".jpg";
}
//se utilizar <=galeria.length, ele adicionara um valor vazio, que foi atribuido devido ao (i+1) do outro for.
for(var i = 0; i < galeria.length; i++){
imgs.innerHTML += "<img src='img/"+galeria+"' class='imgs-galeria'>";
}
imgs.innerHTML += "</div>";
imgs.innerHTML += "</div>";
imgs.innerHTML += "<a id='veja' href='pics.html' onclick='maisGaleria("+x+");'><div id='link'><p>Veja mais</p></div>"
x++;
}
A função:
function maisGaleria(n){
var galeria = new Array();
var img = $("#gallery");
img.innerHTML = "<div class='row'>";
img.innerHTML += "<div class='six columns'>";
//imgs.innerHTML += "<h4>Galeria"+n+"</h4>";
for(var i = 0; i <= 3; i++){
galeria = "foto"+n+"_"+(i+1)+".jpg";
}
//se utilizar <=galeria.length, ele adicionara um valor vazio, que foi atribuido devido ao (i+1) do outro for.
for(var i = 0; i < galeria.length; i++){
img.innerHTML += "<img src='img/"+galeria+"' class='imgs-galeria'>";
}
img.innerHTML += "</div>";
img.innerHTML += "</div>";
}
E a página:
<body onload="maisGaleria();"><!-- como passar esse valor ? -->
<div class="center">
<div class="row">
<div class="four columns top">
<h5></h5>
</div>
<div class="eight columns menu">
<ul>
<a href="index.html"><li><h4 class="menu-list">Home</h4></li></a>
<a href="galeria.html"><li><h4 class="menu-list">Galeria</h4></li></a>
<a href="sobre.html"><li><h4 class="menu-list">Sobre</h4></li></a>
<a href="contato.html"><li><h4 class="menu-list">Contato</h4></li></a>
</ul>
</div>
</div>
<div class="row galeria">
<div id="gallery" class="container">
</div>
Link to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.