Galleri -flere folders og danske karakter
Jeg har dette script som der skal tilføres nogle flere folders til (Array) og så vil jeg gerne kunne anvende danske karakter i min foldernavne - er der hjælp at hente her ://GLOBALS
var gal_title = 'Gallery'; //title of the gallery
var txt_prev = '<<<'; //text "previous image"
var txt_close = 'luk'; //text "close"
var txt_next = '>>>'; //text "next image"
var img_big = '/upload/Test/galleri/galleri_big'; //folder with subfolders that contain big images
var img_small = '/upload/Test/galleri/galleri_small'; //folder with subfolders that contain small images (thumbnails)
var img_name = 'photo'; //image name (e.g. the first image is photo-001 - or if you change name to "image" then the first image name is image-001)
var ext_big = 'jpg'; //extension (filetype) for big images
var ext_small = 'gif'; //extension (filetype) for small images
var gal_cols = 5; // how many columns per page - see how many columns you get if you change the width of gallery (#gallery,#footer width in css)
var gal_rows = 1; // how many rows to skip before scroll starts (1 is just fine)
var imgs_height = 114 + 10; // <.imgs class height> + (2 * 5) px for margin (see css file for height)
var comments_height = 140 + 10; // <.comments class height> + (2 * 5) px for margin (see css file for height)
//GLOBALS - GALLERY FOLDERS ('<folder>', <number of images>, <allow comments 1 = yes 0 = no>), don't forget last array is without ,
var folders = Array (
Array('/Døre',5,1),
Array('/vinduer',8,0),
Array('/Interiør',5,0)
);
//START
window.onload = function(){
showGallery(0,folders[0][1],folders[0][0],folders[0][2]);
}
//GALLERY FUNCTIONS
function writeData(rdata,gal_scroll){
document.getElementById('gallery').innerHTML = rdata;
scrollTo(0,gal_scroll);
}
function imgEfx(img,px,fr){
fr++;
if (fr <= 7){
px = px + Math.round(fr/3);
pxl = Math.round(px/1,5)
}else{
px = px - 3;
if (px < 0)px = 0;
pxl = px;
}
try{
document.getElementById('img' + img).style.marginTop = px + 'px';
document.getElementById('img' + img).style.marginLeft = pxl + 'px';
}catch(e){
px = 0;
}
if (px > 0)setTimeout('imgEfx('+ img + ','+ px +','+ fr +')',5);
return;
}
function leadingZero(img_get){
if (img_get < 10)img_set = "00" + img_get;
if (img_get > 9 && img_get < 100)img_set = "0" + img_get;
if (img_get > 99)img_set = img_get;
return img_set;
}
function showHeader(folder){
rdata = '<div class="gallery">';
rdata += '<h1>'+ gal_title +'</h1><h2>'+ folder +'</h2>';
return rdata;
}
function showFooter(){
rdata = '</div>';
rdata += '<div class="footer"><a href="http://www.stark.dk"><b>billedegalleri</b></a> <br></div>';
return rdata;
}
function showMenu(){
rdata = '<div class="menu">';
for (f = 0; f < folders.length; f++){
rdata += '<a href="java script:showGallery(0,'+folders[f][1]+',\''+folders[f][0]+'\','+folders[f][2]+')">'+folders[f][0]+'</a>';
if (f < folders.length - 1)rdata += ' | ';
}
rdata += '</div>';
return rdata;
}
function showGallery(img_get,img_max,folder,comments){
gal_scroll = Math.round(img_get / gal_cols) - gal_rows;
if (gal_scroll < 0)gal_scroll = 0;
switch (comments){
default:
gal_scroll = gal_scroll*comments_height;
img_class = 'comments';
break;
case 0:
gal_scroll = gal_scroll*imgs_height;
img_class = 'imgs';
break;
}
rdata = showHeader(folder);
rdata += showMenu();
for (display = 1; display <= img_max; display++){
img_set = leadingZero(display);
is_return = 'image';
if (display == img_get)is_return = 'return';
rdata += '<div id="'+ is_return +'" class="'+ img_class +'">';
rdata += '<div class="image"><a href="java script:showImage('+ display +','+ img_max +',\''+ folder +'\','+ comments +')"><img id="img'+ display +'" src="'+ img_small +'/'+ folder +'/'+ img_name +'-'+ img_set +'.'+ ext_small +'" onmouseover="imgEfx('+ display +',1,0)"></a></div>';
if (comments == 1)rdata += '<iframe frameborder="0" scrolling="no" src="/upload/Test/galleri/comments/'+ folder +'.html#'+ display +'"></iframe>';
rdata += '</div>';
}
rdata += showFooter();
writeData(rdata,gal_scroll);
}
function showImage(img_get,img_max,folder,comments){
img_set = leadingZero(img_get);
img_next = img_get + 1;
img_prev = img_get - 1;
if (img_next > img_max)img_next = 1;
if (img_prev < 1)img_prev = img_max;
rdata = showHeader(folder);
rdata += '<div class="menu"><a href="java script:showImage('+ img_prev +','+ img_max +',\''+ folder +'\','+ comments +')">'+txt_prev+'</a>';
rdata += ' | <a href="java script:showGallery('+ img_get +','+ img_max +',\''+ folder +'\','+ comments +')">'+txt_close+'</a> | ';
rdata += '<a href="java script:showImage('+ img_next +','+ img_max +',\''+ folder +'\','+ comments +')">'+txt_next+'</a></div>';
rdata += '<p><a href="java script:showGallery('+ img_get +','+ img_max +',\''+ folder +'\','+ comments +')"><img src="'+ img_big +'/'+ folder +'/'+ img_name +'-'+ img_set +'.'+ ext_big +'"></a>';
rdata += '<p>'+ img_get +' / '+ img_max +'';
rdata += showFooter();
writeData(rdata,0);
}
