11. april 2004 - 20:03 Der er 7 kommentarer og
1 løsning

Stop/Start disshow

Hej,
Jeg har et diasshow som fungere perfekt! Nu vil jeg blot gerne have at man kan Stoppe/Starte showet istedet for at det bare køre derudaf. Er det også muligt at få skrevet billedets navn under billedet?

På forhånd tak!

Her er koden:

<script language="JavaScript" type="text/JavaScript">
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this  header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000
// Agent sniffer shamelessly 'stolen' from the excellent X library from cross-browser.com
var xOp7=false,xOp5or6=false,xIE4Up=false,xNN4=false,xUA=navigator.userAgent.toLowerCase();
if(window.opera){
  xOp7=(xUA.indexOf('opera 7')!=-1 || xUA.indexOf('opera/7')!=-1);
  if (!xOp7) xOp5or6=(xUA.indexOf('opera 5')!=-1 || xUA.indexOf('opera/5')!=-1 || xUA.indexOf('opera 6')!=-1 || xUA.indexOf('opera/6')!=-1);
}
else if(document.layers) xNN4=true;
else {xIE4Up=document.all && xUA.indexOf('msie')!=-1 && parseInt(navigator.appVersion)>=4;}

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'Rotur.JPG'
Pic[1] = 'plask.JPG'


var t
var j = 0
var p = Pic.length
var pos = j

var preLoad = new Array()

function preLoadPic(index)
{
    if (Pic[index] != ''){
        window.status='Loading : '+Pic[index]
        preLoad[index] = new Image()
        preLoad[index].src = Pic[index]
        Pic[index] = ''
        window.status=''
    }
}

function runSlideShow(){
  if (xIE4Up){
        document.images.SlideShow.style.filter="blendTrans(duration=2)"
        document.images.SlideShow.style.filter= "blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()
    }
    document.images.SlideShow.src = preLoad[j].src
    if (xIE4Up){
      document.images.SlideShow.filters.blendTrans.Play()
    }
   
    pos = j

    j = j + 1
    if (j > (p-1)) j=0
    t = setTimeout('runSlideShow()', slideShowSpeed)
    preLoadPic(j)
}

function endSlideShow(){
    self.document.location = 'displayimage.php?album=toprated&cat=-32&pos='+pos
}

preLoadPic(j)

</script>


                                                <img src="pic/blank.jpg" name="SlideShow" class="image" /><br />
                         
<script language="JavaScript" type="text/JavaScript">runSlideShow()</script>
Avatar billede roenving Novice
11. april 2004 - 20:42 #1
<button onclick="clearTimeout(t);">Stop slideshow</button>
<button onclick="runSlideShow();">Kør slideshow</button>

-- og den sidste kan klares ved at du f.eks. placerer en div nedenunder billedet:
<div id="billedNavn" style="text-align:center"></div>

-- og så tilføjer f.eks. denne linje i koden (linjen før og efter medtaget, så du kan finde det !-)

document.images.SlideShow.src = preLoad[j].src
document.getElementById('billedNavn').innerHTML = preLoad[j].src;
    if (xIE4Up){
      document.images.SlideShow.filters.blendTrans.Play()


-- hvis du godt vil have fjernet .jpg kan du istedet for preLoad[j].src skrive:

preLoad[j].src.replace(/^(.+)\.[gif|jpe?g|png]$/i,"$1")
11. april 2004 - 21:59 #2
Tak lige hvad jeg behøvede! MEn hvad hvis jeg gerne vil lave et link hvor billed navnet skal indgå eller hvis jeg vil have det ind i php variabel?
Avatar billede roenving Novice
11. april 2004 - 22:10 #3
Så opretter du et parallelt array() med navnene i:

// Specify the image files
var Pic = new Array() // don't touch this
var picText = new Array()
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'Rotur.JPG';
picText[0] = 'En sjov rotur, som havde et clou !-)';
Pic[1] = '<?echo $pic?>';
picText[1] = '<?echo $pictext?>';

-- som eksempel, jeg går ud fra, at du selv kan klare loopet, ellers må du spørge i php, for der er jeg langtfra sikker !-)

-- og så sætter du picText[j] ind i innerHTML ...
11. april 2004 - 22:22 #4
Jeg tror du misforstod mig... Jeg vil ikke have en beskrivelse. Blot dette:
<a href="Rotur.JPG">Link</a>
Avatar billede roenving Novice
11. april 2004 - 22:23 #5
Vil du have billedet til at fungere som link ?-)
11. april 2004 - 22:55 #6
Nej undskyld det er faktisk fint!

Læg et svar og MANGE tak for din hjælp!
Avatar billede roenving Novice
11. april 2004 - 23:05 #7
Velbekomme '-)

-- det er faktisk ikke så svært at lave link ud af det, men der skal så skrives nogle flere ting !-)
Avatar billede roenving Novice
12. april 2004 - 18:29 #8
-- og tak for points ;~}
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

Seneste spørgsmål Seneste aktivitet
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging