Highslide-test

Denna sida är en enkel testsida för att testa en liten modifiering av Highslide. Läs texten Highslide för bildvisning och tillhörande kommentarer för mer bakgrundsinformation.

Det skriptet på denna sida gör är att lägga på en "Highslide-effekt" på alla bildlänkar. Både textlänkar till bilder och länkade bilder:

Det som ändrats i jämförelse med koden som beskrivs i texten Highslide för bildvisning är funktionen highslidealiceImages som nu ser ut så här:

function highslidealiceImages(){
	var arrLinks = document.getElementsByTagName("a");
	for(var i=0; i<arrLinks.length; i++){
		strHref = arrLinks[i].getAttribute('href');
		strFileType = strHref.substring(strHref.lastIndexOf("."));

		if(strFileType == ".jpg"){
			arrLinks[i].onclick = function() { return hs.expand(this); }
		}
	}
}

Funktionen fungerar endast för JPG-bilder nu, men kan givetvis utökas för att täcka även .gif och .png genom att lägg till det i if-satsen — if(strFileType == ".jpg" || strFileType == ".png" || strFileType == ".gif")