Argument till lager för bildvisning

[erka]

Hepp!

Jag har en sida som listar ett antal thumbnails från en databas. Brevid dessa thumbnails ligger en stor bild på den första thumbnailen. När man klickar på "thumbnailsen" ska den stora bilden bytas ut mot den tillhörande thumbnailen man klickade på. Jag tänkte att om man har ett lager som är osynligt när sidan laddas och sen att på varje thumbnail länkar man till att göra lagret synligt och skickar med argument som talar om vilken bild det är som ska visas. Går det att göra

En annan lösning hade ju varit att lägga bilderna i en iframe och sedan skicka med en querystring (sidan är i asp) som talar om vilken bild som ska visas.

Alternativt att lägga även den första bilden i ett lager och sedan på något sätt byta ut bilden vid klick. Någon som har någon bra lösningar eller tankar på mitt problem

[erka]

Nu har jag kommit på hur jag ska göra det.

jag skriver ut alla stora bilder som gömda lager, sen när man klickar på en thumbnail ska man visa det gömda lagret. Problemet är att jag måste ju även gömma alla andra "stora bild" lager som inte hör till vald thumbnail. Finns det något sätt att gömma alla lager utom det jag klickar på ?

[Jojoxx]

Från början är alla lager gömda(?), i så fall är det ju bara att hålla reda på (spara i en variabel) vilken bild man klickar på. När du sedan klickar på en ny bild gömmer du den tidigare som är sparad, visar den nya samt lagrar detta lager istället.

[erka]

Jojoxx, problemet är att det första lagret med en av de stora bilderna ska vara synligt direkt när man kommer in på sidan. Ska pilla lite men återkomer, du kan inte visa med lite kod hur du tänkte med variabeln

tack

[Jojoxx]

Det är inte svårare än att du initerar variabeln med det värde som första lagrets id är.

currentLayer="ett_lagerid";
function showLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
}
function hideLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "hidden";
	} else if (document.layers){
		document.layers[Id].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "hidden";
	}
}

function switchToLayer(id){
hideLayer(currentLayer);
showLayer(id);
currentLayer=id;
}

Sedan anropar du helt enkelt switchToLayer("id_för_lager_som_skall_visas");

[erka]

Tack ! ska leka lite med det