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>
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>