Avatar billede lund_dk Praktikant
30. november 2005 - 11:35 Der er 6 kommentarer og
1 løsning

Slideshow med klk

Hej

Jeg er ved at lave et site på www.selek.com/minisite
hvor man på forsiden kan se jeg nederst til højre har en produktvisning.Produkterne henter jeg ud fra en database.

Jeg ønsker en form for slideshow hvor jeg kan vise varebillede, overskrift, tekst og link. Og så skal man MANUELT kunne klikke sig videre til næste vare..

Nogen som ligger inde med et script jeg kan bruge til dette ?
Avatar billede lund_dk Praktikant
01. december 2005 - 08:15 #1
Ingen som kan hjælpe?
Avatar billede roenving Novice
01. december 2005 - 12:57 #2
Hrm, jeg har en henvisning til http://www.eksperten.dk/spm/364870 i mine arkiver !-)
Avatar billede lund_dk Praktikant
01. december 2005 - 13:26 #3
Ok..

Jeg har taget dette script og har så indsat en ny Array med min tekst til hvert billede, hvordan "udskriver" jeg så teksten i min array?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<head>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<script type="text/javascript">
var slideshowSlides = new Array();
var slideshowCurrent = 0;


// Preload slideshow images
function slideshowInit() {
    if (document.images) {
        for (var i = 0; i < slideshowImageFiles.length; i++) {
            slideshowSlides[i]    = new Image();
            slideshowSlides[i].src = slideshowImageDirectory + slideshowImageFiles[i];
        }
    }
}

// Show next slide
function slideshowForward() {
    if (document.images && typeof slideshowSlides != 'undefined') {
        slideshowCurrent++;
        if (slideshowCurrent >= slideshowSlides.length) slideshowCurrent = 0;
        document.images.slideshow.src = slideshowSlides[slideshowCurrent].src;    }
}

// Show previous slide
function slideshowBackward() {
    if (document.images && typeof slideshowSlides != 'undefined') {
        slideshowCurrent--;
        if (slideshowCurrent < 0) slideshowCurrent = slideshowSlides.length - 1;
        document.images.slideshow.src = slideshowSlides[slideshowCurrent].src;    }
}
</script>
</head>
<body marginwidth="0" marginheight="0" onload="slideshowInit();">
    <script language="javascript" type="text/javascript">
        var slideshowImageDirectory = '';
        var slideshowImageFiles = new Array('images/dummy_pic.gif', 'images/dummy_logo.gif', 'images/knap_hjem.gif', 'images/knap_news.gif');
        var slideShowImageText  = new Array('1','2','3','4'); 
</script>
        <a href="java script: slideshowBackward();">back</a> | <a href="java script: slideshowForward();">forward</a><br>
        <img src="images/dummy_pic.gif" name="slideshow" ><br>
       
</body>
</html>
Avatar billede roenving Novice
01. december 2005 - 14:07 #4
// Show next slide
function slideshowForward() {
    if (document.images && typeof slideshowSlides != 'undefined') {
        slideshowCurrent++;
        if (slideshowCurrent >= slideshowSlides.length) slideshowCurrent = 0;
        document.images.slideshow.src = slideshowSlides[slideshowCurrent].src;
        document.getElementById("slideshowText").innerHTML = slideshowTexts[slideshowCurrent];
    }
}

// Show previous slide
function slideshowBackward() {
    if (document.images && typeof slideshowSlides != 'undefined') {
        slideshowCurrent--;
        if (slideshowCurrent < 0) slideshowCurrent = slideshowSlides.length - 1;
        document.images.slideshow.src = slideshowSlides[slideshowCurrent].src;
        document.getElementById("slideshowText").innerHTML = slideshowTexts[slideshowCurrent];
    }
}

...

        <img src="images/dummy_pic.gif" name="slideshow" ><br>
        <div id="slideshowText">&nbsp;</div>
Avatar billede lund_dk Praktikant
12. januar 2006 - 20:53 #5
Fandt aldrig helt ud af løsningen, så fandt på andet, Ligger du et svar som tak for indsatsen ?
Avatar billede roenving Novice
13. januar 2006 - 15:21 #6
Oki '-)
Avatar billede roenving Novice
13. januar 2006 - 16:31 #7
-- og tak for point ;~}
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