Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.11.2006 um 13:00 (UTC)    
Titel: Bilder wechseln zu schnell

Hallo zusammen!

Ich habe ein tolles Script gefunden, doch leider weiß ich nicht, wie ich das einstellen soll, damit die Bilder schön anzusehen sind und langsam gewechselt wird.

Könnte sich das wohl mal jemand ansehen?

Danke schon mal.

Hier der Code:
Code:
<!-- Hier die Adresse des ersten Bildes; sonst nichts verändern !!!!!!!!!! -->
<img src="http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00038.gif" width="0" onLoad="runSlideShow()">
<!-- Hier nochmal die Adresse des ersten Bildes; evtl. die Tabelle formatieren ! -->

<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<img src="http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00038.gif" name="SlideShow" width="444" border="1">
</td>
</tr>
</table>


<script>

var slideShowSpeed = 1000  // Dauer des Bildwechsels in Millisekunden (hier 100 Sekunden)

var crossFadeDuration = 1000  // Dauer des Bildübergangs

var Pic = new Array()

// Hier die Bildadressen rein, erweiterbar !

Pic[0] = 'http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00038.gif'

Pic[1] = 'http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00061.gif'

Pic[2] = 'http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00058.gif'

Pic[3] = 'http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00059.gif'

Pic[4] = 'http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00062.gif'


// ab hier nichts mehr verändern !!


var jj = 0
var p = Pic.length
var preLoad = new Array()

for (ii = 0; ii < p; ii++){

preLoad[ii] = new Image()
preLoad[ii].src = Pic[ii]

}

function runSlideShow(){

if (document.all){
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[jj].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}

jj = jj + 1
if (jj > (p-1)) jj=0

   t = setTimeout('runSlideShow()', slideShowSpeed)

}

</script>



Zuletzt bearbeitet von leuchtturmfan am 03.11.2006, 13:32, insgesamt 4-mal bearbeitet
Beitrag02.11.2006 um 13:07 (UTC)    
Titel:

Hi, du gibst in dieser passage die geschwindigkeit
der übergänge und bildwechsel an.
Code:
var slideShowSpeed = 1000  // Dauer des Bildwechsels in Millisekunden (hier 100 Sekunden)

var crossFadeDuration = 1000  // Dauer des Bildübergangs


Setze 1000 einfach mal höher, auf 2000 oder 3000!!
______________
[img:3166a717c4]http://www.cokenet.de/hpbk.gif[/img:3166a717c4]
[img:3166a717c4]http://stefan-bossow.de.tl/sig.png[/img:3166a717c4]
[color=blue:3166a717c4]<< any problems - solutions get here >>[/color:3166a717c4]
Beitrag02.11.2006 um 15:52 (UTC)    
Titel:

Hmmmm,

ich hab jetzt bei allen 3 Angaben die Zahl auf 800.000 gesetzt, aber da ändert sich nicht wirklich was.

Ich würde die Bilder gern so ca. 7 Sekunden lassen und das sie sich dann automatisch ins nächste verändern.
Beitrag03.11.2006 um 10:22 (UTC)    
Titel:

Hi Sanny, ich habe da noch eine Erklärung gefunden.

http://die.netzspielwiese.de/blog/javascript-dom/2006-06/dom-scripting-slideshow

Ist allerdings auch nicht viel anders als bei Stefan, aber vielleicht sind deine 800.000 einfach zu groß
______________
LG bijin
[img:599706ff01]http://bijinsjapanseiten.de.tl/sig.png[/img:599706ff01]
**[img:599706ff01]http://bijinsteestube.siteboard.de/signature.png[/img:599706ff01]**
Beitrag03.11.2006 um 10:26 (UTC)    
Titel:

Ja auf jeden fall,
800.000 ist viel zu groß,
damit kann der code nicht umgehen!

versuche mal 7000,
das sollten 7 sec sein!
______________
[img:3166a717c4]http://www.cokenet.de/hpbk.gif[/img:3166a717c4]
[img:3166a717c4]http://stefan-bossow.de.tl/sig.png[/img:3166a717c4]
[color=blue:3166a717c4]<< any problems - solutions get here >>[/color:3166a717c4]
Beitrag03.11.2006 um 10:51 (UTC)    
Titel:

Also ich habe das script mal getestet.
Es funtioniert in der tat nicht richtig,
es fehlten ein paar variablen.

Ich habe mal was geschreiben was auch funktioniert:
Code:
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var b = new Array();
b[0] = new Image();
b[0].src = "http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00038.gif";
b[1] = new Image();
b[1].src = "http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00061.gif";
b[2] = new Image();
b[2].src = "http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00058.gif";
b[3] = new Image();
b[3].src = "http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00059.gif";
b[4] = new Image();
b[4].src = "http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00062.gif";

var n = 4; // hier steht die Anzahl der Bilder (Bilder - 1)
var i = -1;
var t = 4000; // anzahl sekunden, 2000 = 2 sekunden
var f = 0;
var z = "slide"; // name des IMG welches ausgetauscht werden soll
function next() {
  i++;
  if(i > n) { i = 0; }
  document.images[z].src = b[i].src;
}
function delay() {
  if(f == 0) next();
  window.setTimeout("delay()",t);
}
//-->
</SCRIPT>
</HEAD>
<BODY onload="delay();">
<IMG SRC="http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00038.gif" NAME="slide">
</BODY>

______________
[img:3166a717c4]http://www.cokenet.de/hpbk.gif[/img:3166a717c4]
[img:3166a717c4]http://stefan-bossow.de.tl/sig.png[/img:3166a717c4]
[color=blue:3166a717c4]<< any problems - solutions get here >>[/color:3166a717c4]
Beitrag03.11.2006 um 12:13 (UTC)    
Titel:

Whow!!!

Stefan Du bist echt klasse.
Vielen herzlichen Dank.

Bevor ich übrigens die 800.000 eingegeben habe, bin ich schrittweise hochgegangen. Erst 10,100,1000,2000........bis irgendwann 800.000 da standen.

Aber die Fehlerquelle hast Du ja gefunden, vielen Dank!


Edit:
Hmm, ich hab das im HTML-Studio gehabt, da hat es funktioniert. Jetzt funktioniert es weder im IE noch im FF.
Weißt Du warum?
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de