Avatar billede per2edb Praktikant
16. marts 2010 - 13:47 Der er 1 løsning

Stop Inline image gallery efter 3 billeder

Jeg ønsker dette <<Inline image gallery >> stopper efter 3 billeder og springer til en ny side. Kan i hjælpe med at indlægge koderne

/************************************************************************************************************
http://www.dhtmlgoodies.com/index.html?page=galleryScripts

Inline image gallery
This is a gallery script for equally sized images. A fade in - fade out effect is used to move smoothly from one image to the next.

Ajax dynamic content
Copyright (C) November, 2005  DTHMLGoodies.com, Alf Magne Kalleland


Alf Magne Kalleland, 2006
Owner of DHTMLgoodies.com
************************************************************************************************************/   
var slideshow2_noFading = false;
var slideshow2_timeBetweenSlides = 12000;    // Amount of time between each image(1000 = 1 second)
var slideshow2_fadingSpeed = 1;    // Speed of fading    (Lower value = faster)


var slideshow2_stats = new Array();

var slideshow2_slideIndex = new Array();    // Index of current image shown
var slideshow2_slideIndexNext = new Array();    // Index of next image shown
var slideshow2_imageDivs = new Array();    // Array of image divs(Created dynamically)
var slideshow2_currentOpacity = new Array();    // Initial opacity
var slideshow2_imagesInGallery = new Array();    // Number of images in gallery
var Opera = navigator.userAgent.indexOf('Opera')>=0?true:false;
function createParentDivs(imageIndex,divId)
{
    if(imageIndex==slideshow2_imagesInGallery[divId]){   
        showGallery(divId);
    }else{
        var imgObj = document.getElementById(divId + '_' + imageIndex);   
        if(Opera)imgObj.style.position = 'static';
        if(!slideshow2_imageDivs[divId])slideshow2_imageDivs[divId] = new Array();
        slideshow2_imageDivs[divId][slideshow2_imageDivs[divId].length] =  imgObj;

        imgObj.style.visibility = 'hidden';   
        imageIndex++;
        createParentDivs(imageIndex,divId);   
    }       
}

function showGallery(divId)
{
    if(slideshow2_slideIndex[divId]==-1)slideshow2_slideIndex[divId]=0; else slideshow2_slideIndex[divId]++;    // Index of next image to show
    if(slideshow2_slideIndex[divId]==slideshow2_imageDivs[divId].length)slideshow2_slideIndex[divId]=0;
    slideshow2_slideIndexNext[divId] = slideshow2_slideIndex[divId]+1;    // Index of the next next image
    if(slideshow2_slideIndexNext[divId]==slideshow2_imageDivs[divId].length)slideshow2_slideIndexNext[divId] = 0;

   
    slideshow2_currentOpacity[divId]=100;    // Reset current opacity

    // Displaying image divs
    slideshow2_imageDivs[divId][slideshow2_slideIndex[divId]].style.visibility = 'visible';
    if(Opera)slideshow2_imageDivs[divId][slideshow2_slideIndex[divId]].style.display = 'inline';
    if(navigator.userAgent.indexOf('Opera')<0){
        slideshow2_imageDivs[divId][slideshow2_slideIndexNext[divId]].style.visibility = 'visible';
    }
   
    if(document.all){    // IE rules
        slideshow2_imageDivs[divId][slideshow2_slideIndex[divId]].style.filter = 'alpha(opacity=100)';
        slideshow2_imageDivs[divId][slideshow2_slideIndexNext[divId]].style.filter = 'alpha(opacity=1)';
    }else{
        slideshow2_imageDivs[divId][slideshow2_slideIndex[divId]].style.opacity = 0.99;    // Can't use 1 and 0 because of screen flickering in FF
        slideshow2_imageDivs[divId][slideshow2_slideIndexNext[divId]].style.opacity = 0.01;
    }       
   

    setTimeout('revealImage("' + divId + '")',slideshow2_timeBetweenSlides);       
}

function revealImage(divId)
{

    if(slideshow2_noFading){
        slideshow2_imageDivs[divId][slideshow2_slideIndex[divId]].style.visibility = 'hidden';
        if(Opera)slideshow2_imageDivs[divId][slideshow2_slideIndex[divId]].style.display = 'none';
        showGallery(divId);
        return;
    }
    slideshow2_currentOpacity[divId]--;
    if(document.all){
        slideshow2_imageDivs[divId][slideshow2_slideIndex[divId]].style.filter = 'alpha(opacity='+slideshow2_currentOpacity[divId]+')';
        slideshow2_imageDivs[divId][slideshow2_slideIndexNext[divId]].style.filter = 'alpha(opacity='+(100-slideshow2_currentOpacity[divId])+')';
    }else{
        slideshow2_imageDivs[divId][slideshow2_slideIndex[divId]].style.opacity = Math.max(0.01,slideshow2_currentOpacity[divId]/100);    // Can't use 1 and 0 because of screen flickering in FF
        slideshow2_imageDivs[divId][slideshow2_slideIndexNext[divId]].style.opacity = Math.min(0.99,(1 - (slideshow2_currentOpacity[divId]/100)));
    }
    if(slideshow2_currentOpacity[divId]>0){
        setTimeout('revealImage("' + divId + '")',slideshow2_fadingSpeed);
    }else{
        slideshow2_imageDivs[divId][slideshow2_slideIndex[divId]].style.visibility = 'hidden';   
        if(Opera)slideshow2_imageDivs[divId][slideshow2_slideIndex[divId]].style.display = 'none';       
        showGallery(divId);
    }
}

function initImageGallery(divId)
{
    var slideshow2_galleryContainer = document.getElementById(divId);
   
   
    slideshow2_slideIndex[divId] = -1;
    slideshow2_slideIndexNext[divId] = false;
   
    var galleryImgArray = slideshow2_galleryContainer.getElementsByTagName('IMG');
    for(var no=0;no<galleryImgArray.length;no++){
        galleryImgArray[no].id = divId + '_' + no;
    }
   
    slideshow2_imagesInGallery[divId] = galleryImgArray.length;
    createParentDivs(0,divId);
Avatar billede per2edb Praktikant
20. marts 2010 - 12:38 #1
stoppet
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