To slides skal køre på een gang

<ole>

Du kan enten dubblere alle variabler med et nyt navn - hvilket er temmelig bøvlet - eller du kan finde et script, der beregnet til at afvikle i flere instanser på samme side. I så fald skal du lede efter et script, der er objekt orienteret opbygget.

/mvh
</bole>

Det her er ellers godt. Har prøvet andre. Hvordan kan jeg dublere variabler, synes jeg har gjort det i forvejen. Skal det gøres i .js filen?
Jeg kan selvfølgelig sætte iframe sider ind med hver deres script, og så vil det da virke.

Ja, du skal formentlig også ind i JS-filen. Men er du virkelig tilfreds med, som det ser ud i IE og Opera? Hos mig ligner testsiden, du linker til, noget, som aldrig har været meningen  =)

Rigtignok vises ekstra billeder på demosiden i IE. der må mangle noget højdeangivelse i et div.
Jeg kan teste mit eget lettere modificerede script offline og det virker i firefox og chrome, men mest hensigtsmæssigt i IE. Det virker som det skal. Opera og Safari tester jeg normalt ikke med.

Jeg paster lige .js filens indhold ind. Kan du sige, hvad jeg kan gøre for at gøre det multifunktionelt? Ellers laver jeg iframes.

/*
* Original from: http://brainerror.net/scripts/javascript/blendtrans/demo.html
*
* Edits by ASC:
*  - Removed unnecessary OO code that caused MSIE to choke
*  - Added pause between setting bg image and setting opacity to zero to
*    prevent MSIE image flash
*  - Increased opacity check argument to 103 for completely smooth fade
*
*/

//find next image
function nextImage(o) {
    do o = o.nextSibling;
    while(o && o.tagName != 'IMG');
    return o;
}

//find first image inside an element
function firstChildImage(o) {
   
    o = o.firstChild;
       
    while(o && o.tagName != 'IMG') {
        o = o.nextSibling;
    }
   
    return o;
}

//set the opacity of an element to a specified value
function setOpacity(obj, o) {

    obj.style.opacity = (o / 100);
    obj.style.MozOpacity = (o / 100);
    obj.style.KhtmlOpacity = (o / 100);
    obj.style.filter = 'alpha(opacity=' + o + ')';
}

//make image invisible and set next one as current image
function getNextImage(image) {
   
    if (next = nextImage(image)) {
    image.style.display = 'none';
    image.style.zIndex = 0;

    next.style.display = 'block';
    next.style.zIndex = 100;

    } else {
    //if there is not a next image, get the first image again
    next = firstChildImage(image.parentNode);
    }

    return next;
}

//set default values for parameters and starting image
function blendImages(id, speed, pause, caption) {

    if(speed == null) {
        speed = 30;
    }
   
    if(pause == null) {
        pause = 1500;
    }

    var blend = document.getElementById(id);

    var image = firstChildImage(blend);

    startBlending(image, speed, pause, caption);
}

//make image a block-element and set the caption
function startBlending(image, speed, pause, caption) {

    image.style.display = 'block';

    if(caption != null) {
    document.getElementById(caption).innerHTML = image.alt;
    }

    continueFadeImage(image, 0, speed, pause, caption);
}

// ASC: copied from http://www.sean.co.uk/a/webdesign/javascriptdelay.shtm
function pausecomp(millis) {
    var date = new Date();
    var curDate = null;

    do { curDate = new Date(); }
    while(curDate-date < millis);
}

//set an increased opacity and check if the image is done blending
function continueFadeImage(image, opacity, speed, pause, caption) {

    opacity = opacity + 3;

    if (opacity < 103) {

    setTimeout(function() {fadeImage(image, opacity, speed, pause, caption)}, speed);

    } else {
    //if the image is done, set it to the background and make it transparent
    image.parentNode.style.backgroundImage = "url("+image.src+")";

    // ASC: pause 1sec here to prevent MSIE image flash ...
    var paws=pause-1000;
    if (paws < 0 ) {
        paws = 0;
    }
    pausecomp(1000);

    setOpacity(image,0);
    //get the next image and start blending it again
    image = getNextImage(image);
    setTimeout(function() {startBlending(image, speed, pause, caption)}, paws);       
    }
}

//set the opacity to a new value and continue the fading
function fadeImage(image, opacity, speed, pause, caption) {
    setOpacity(image,opacity);
    continueFadeImage(image, opacity, speed, pause, caption);
}

Nå, men min løsning var så at indsætte iframes med scriptet.