Ergebnis 1 bis 5 von 5

Thema: Slideshow

  1. #1
    Diazepami ist offline Jungspund
    registriert
    22-08-2004
    Beiträge
    24

    Slideshow

    Hi, habe wahrscheinlich eine einfache Frage für euch! Und zwar habe ich folgendes Script gefunden, jedoch hat dieses den Nachteil, dass es im Code drin ist. Würde das Script gerne in eine js-Datei auslagern, nur weiß ich nicht wie ich es dann ansprechen soll:

    Code:
    <HTML>
    <HEAD>
    </head>
    <body>
    <CENTER>
    <SCRIPT>
    // Copyright 2000 SiteExperts.com, InsideDHTML.com, LLC. All rights reserved.
    // You can reuse this script as long as the copyright notice is maintained.
    
    var aImages = new Array("1.jpg","2.jpg")
    var aSize = new Array(175,225)
    var iDisplay = 5000
    
    
    var oTimer = null
    var iCurrent = 0
    var sSource = ""
    
    function doDisplay() {
    	clearTimeout(oTimer)
    	if (sSource!="") {
    		if (document.images.slideShow.filters) {
    			document.images.slideShow.filters[0].Stop()
    			document.images.slideShow.filters[0].Apply()
    			document.images.slideShow.filters.revealTrans.transition=23
    		}
      		document.images.slideShow.src = sSource
    		if (document.images.slideShow.filters)
    			document.images.slideShow.filters[0].Play()
    	}
    
    }
    
    function doReadyImage() {
    	sSource = this.src
    	if (oTimer==null) doDisplay()
    }
    
    function doErrorDisplay() {
    	clearTimeout(oTimer)
    	doLoad()
    }
    
    function doLoad() {
    	clearTimeout(oTimer)
    	var img = new Image()
    	img.onload = doReadyImage
    	img.onerror = doErrorDisplay 
    	sSource = ""
    	iCurrent++
    	if (iCurrent==aImages.length) iCurrent=0
    	oTimer = setTimeout("oTimer=null;doDisplay()",iDisplay)
    	img.src = aImages[iCurrent]
    }
    
    function quickNextLoad() {
    	clearTimeout(oTimer)
    	oTimer=null
    	var img = new Image()
    	img.onload = doReadyImage
    	img.onerror = doErrorDisplay 	
    	img.src = aImages[iCurrent]
    }
    
    function quickPrevLoad() {
    	clearTimeout(oTimer)
    	oTimer=null
    	var img = new Image()
    	img.onload = doReadyImage
    	img.onerror = doErrorDisplay 
    	iCurrent-=1
    	if (iCurrent<0) iCurrent=aImages.length-1
    	iCurrent-=1
    	if (iCurrent<0) iCurrent=aImages.length-1
    	img.src = aImages[iCurrent]
    }
    
    
    document.write("<IMG NAME=slideShow SRC=\"" + aImages[iCurrent] + "\" ONERROR=\"doLoad()\" ONLOAD=\"doLoad()\" WIDTH=\"" + aSize[0] + "\" HEIGHT=\"" + aSize[1] + "\" STYLE=\"filter: revealTrans(TRANSITION=23)\">")
    </SCRIPT>
    </CENTER>
    </body>
    </html>

  2. #2
    Avatar von Jacky1
    Jacky1 ist offline Doppel-As
    registriert
    26-08-2004
    Ort
    CW:BW:DE
    Beiträge
    134

    AW: Slideshow

    Du nimmst den Code, der zwischen <script> und </script> steht und speicherst ihn in einer datei, bsp. slidshow.js ab, aber ohne <script> und </script>. Dann bindest du ih so ein:
    HTML-Code:
    <script language="JavaScript" src="slideshow.js" type="text/javascript">
    </script>

  3. #3
    Diazepami ist offline Jungspund
    registriert
    22-08-2004
    Beiträge
    24

    AW: Slideshow

    Ja des kapier ich schon, aber wie binde ich es im BODY-Tag ein! Da fehlt ja dann noch was.

    Ich denke dass es sich hierbei genau um diese Zeile handelt:

    Code:
    document.write("<IMG NAME=slideShow SRC=\"" + aImages[iCurrent] + "\" ONERROR=\"doLoad()\" ONLOAD=\"doLoad()\" WIDTH=\"" + aSize[0] + "\" HEIGHT=\"" + aSize[1] + "\" STYLE=\"filter: revealTrans(TRANSITION=23)\">")
    Jedoch gelingt es mir einfach nicht, diese so umzuschreiben, dass alles funktioniert!
    Geändert von Diazepami (30-08-2004 um 21:11 Uhr)

  4. #4
    Avatar von Jacky1
    Jacky1 ist offline Doppel-As
    registriert
    26-08-2004
    Ort
    CW:BW:DE
    Beiträge
    134

    AW: Slideshow

    Ich würd so was in die Richtung in den bodytag einfügen:
    HTML-Code:
    onload="doLoad()"
    Ich weiß aber net ob des Funktioniert. Oder musst du mal die anderen Funktionen probieren wie doDisplay().
    und zu dem onload würd ich die Zeile noch zwischen die Bodytags machen.
    HTML-Code:
    <IMG NAME=slideShow SRC="001.jpg" ONERROR="doLoad()" ONLOAD="doLoad()" WIDTH="200" HEIGHT="100" STYLE="filter: revealTrans(TRANSITION=23)">
    Breite und höhe vom img angeben.
    Geändert von Jacky1 (30-08-2004 um 21:17 Uhr)

  5. #5
    Diazepami ist offline Jungspund
    registriert
    22-08-2004
    Beiträge
    24

    AW: Slideshow

    Vielen Dank! Hat geklappt!!!
    Geändert von Diazepami (30-08-2004 um 21:23 Uhr)

Ähnliche Themen

  1. slideshow mit vielen bildern
    Von ChrisEis im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 17-03-2004, 16:00
  2. Manuelle Slideshow mit Java - Hilfe!
    Von greenhorn22 im Forum Script-Check
    Antworten: 1
    Letzter Beitrag: 03-12-2003, 14:04
  3. Diese Slideshow umbauen ohne Fade...
    Von ProMaster im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 08-04-2003, 20:53
  4. manuelle slideshow
    Von MrPresident im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 17-02-2003, 14:12
  5. Diashow Slideshow die alles kann?
    Von Garcelle im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 13-04-2002, 06:29

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •