Avatar billede detail Nybegynder
07. juni 2007 - 11:12 Der er 1 kommentar

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);
}
Avatar billede olebole Juniormester
07. juni 2007 - 13:10 #1
<ole>

"og så vil jeg gerne kunne anvende danske karakter i min foldernavne" ... ?!??!!!

- til hvad? Du bruger forhåbentlig ikke danske tegn i folder- og/eller filnavne? Det er en no-go, der kun tjener til at sætte vand over til problemer  =)

/mvh
</bole>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester