preload images mit extension, wie?

Status
Nicht offen für weitere Antworten.
MissMurphy

MissMurphy

Grünschnabel
Hi!
Hab mal wieder ein problem...

Nach langer suche nach einem Script für Preload wurde ich immer wieder auf die extension aufmerksam gemacht...
Nun ja, hab sie auch nun installiert und ausprobiert...
Ich versteh nur nicht so ganz, wieso folgendes passiert:

Nachdem ich alles ausgefüllt hab, wie single_pixel.gif... und alle anderen images hinzugefügt hab...
hat dw jedoch bei der vorschau weder ladebalken angezeigt noch bilder vorgeladen. Er hat egher nach eineigen sekunden die page völlig weiß angezeit..

Kann mir bitte einer genau erklären wie ich das mit der Extension mache... bitte schritt für schritt.

MM
 
Wenn du nicht in der DW-Umgebung testest, sondern direkt im Browser, gibt dieser dir einen Script-Fehler aus?

Du kannst hier gern auch mal das Script posten, welches mit der Extension in dein Dokument eingefügt wird und das du dann verändert hast, dann begeb' ich mich mal auf die Suche...

Geist,
der die Extension nicht kennt
 
So sieht mein quellcode aus..
leider seh ich nur keinen ladebalken...
hab den rest erst mal rausgelassen, hab also erst nur versucht nen preloadbalken auf ne leere seite zu bringen, und bilder sollten vorgeladen werden.

nun ja, was mach ich falsch??
Code: 
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript1.1">var locationAfterPreload = "file:///C|/Dokumente und Einstellungen/Hunter/Desktop/flashtest/is_single_pixel_gif.gif" // URL of the page after preload finishes
var lengthOfPreloadBar = 200 // Length of preload bar (in pixels)
var heightOfPreloadBar = 20 // Height of preload bar (in pixels)
// Put the URLs of images that you want to preload below (as many as you want)
var yourImages = new Array("file:///C|/Dokumente und Einstellungen/Hunter/Desktop/flashtest/schornsteinflash04das_teadn.jpg","file:///C|/Dokumente und Einstellungen/Hunter/Desktop/flashtest/schornsteinflash04das_team.jpg","file:///C|/Dokumente und Einstellungen/Hunter/Desktop/flashtest/schornsteinflash04das_teaov.jpg","file:///C|/Dokumente und Einstellungen/Hunter/Desktop/flashtest/schornsteinflash04energiebe.jpg")
// Do not modify anything beyond this point!
if (document.images) {
var dots = new Array() 
dots[0] = new Image(1,1)
dots[0].src = "" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size)
dots[1] = new Image(1,1)
dots[1].src = "" // color of bar as preloading progresses (same note as above)
var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
var loaded = new Array(),i,covered,timerID
var leftOverWidth = lengthOfPreloadBar%coverage
}
function loadImages() { 
for (i = 0; i < yourImages.length; i++) { 
	preImages[i] = new Image()
	preImages[i].src = yourImages[i]
}
for (i = 0; i < preImages.length; i++) { 
	loaded[i] = false
}
checkLoad()
}
function checkLoad() {
if (currCount == preImages.length) { 
	location.replace(locationAfterPreload)
	return
}
for (i = 0; i <= preImages.length; i++) {
	if (loaded[i] == false && preImages[i].complete) {
		loaded[i] = true
		eval("document.img" + currCount + ".src=dots[1].src")
		currCount++	}
}
timerID = setTimeout("checkLoad()",10) 
}
// end hiding -->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<script language="javascript1.1">
<!-- begin hiding
// It is recommended that you put a link to the target URL just in case if the visitor wants to skip preloading
// for some reason, or his browser doesn't support JavaScript image object.
if (document.images) {
var preloadBar = ''
for (i = 0; i < yourImages.length-1; i++) {
	preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
}
preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
document.write(preloadBar)
loadImages()
}
// end hiding -->
</script>
</body>
</html>
 
sieht mir aber gar nicht nach Dreamweaver-Extension aus. Eher nach dem Preload-Script von irgendeiner JS-Seite aus.
aber wenn du das sagst: :)


Nachdem ich alles ausgefüllt hab, wie single_pixel.gif... und alle anderen images hinzugefügt hab...
hat dw jedoch bei der vorschau weder ladebalken angezeigt noch bilder vorgeladen. Er hat egher nach eineigen sekunden die page völlig weiß angezeit..
Zum Vergrößern anklicken....
hast du gespeichert?
 
hochi, da geb' ich dir Recht...wär ja gelacht, wenn Macromedia auch in 'ner Extension nicht ihre selfmade-Funktionen, fein säuberlich mit "MM_" eingeleitet, verwenden würde. ;)

Das Problem hieran liegt darin, dass du keine Bilder für das dots-Array angegeben hast.

Das dots-Array in dem Script dient dazu, ein Bild für den Preloadbalken vor dem Laden und ein Bild für das Laden bereitzustellen.
Da du aber keine imageObjekte zuordnest, kann das nix werden mit der Darstellung. :)

Vorgesehen ist das vom Script-Autor so, dass du eine 1x1px große Grafik nimmst, die einen beliebige Farbwert enthält, bspw. einen grüne Fläche 1x1px - und für die zweite Grafik eine rote Fläche 1x1px.

Diese Grafiken werden für das Vorladebild genommen.
Erstere wird so gestreckt, dass der Ladebalken daraus geformt wird.
Zweitere wird während des Ladens so über die erste Grafik drübergestreckt, dass halt ein laufender Balken im Auge des Betrachters erscheint.

Ich hab' die Syntax des Scriptes mal gecheckt und noch einige Änderungen vorgenommen - ja entgegen dem Urheberrecht... - aber Scriptdeklarierungen wie
PHP: 
<script language="Javascript1.1">
kann man echt in die Tonne treten und auch ein Semikolon nach jeder Anweisung sollte nun mal langsam zum Standard gehören... :(

Kriegst du es mit den beiden Bilder nicht hin, poste ich hier also gern auch nochmal meine Variante, die läuft zumindestens bei mir. :)

Geist
 
juhu..
Thanx Geist und hochi!!
das mit dem balken hat soweit geklappt...
War zu blöd um draufzukommen, dass mit foreground und background der reloadbalken selbst gemeint ist *g*

und die verweise auf die bilder werd ich demnächst uch ändern... wie gesagt, war nur ne testseite.

Eins versteh ich nur noch nicht..

Ursprünglich wollte ich von seite index.html auf index2.html wechseln... und diese sollten mit einem blendefekt ineinander übergehen. Da man aber viele bilder vorladen muss, hat das bis jetzt mit dem nahtlosen übergang nicht ganz geklappt.. da sich zwischendurch eine weiße seite gezeigt hat. Dann hab ich mit der extension das selbe problem, oder kann ich den reloadbalken auf index.html schieben, ohne dass er mir einen weißen hintergrund mit balken anzeigt? So dass man index.html im hintergrund sieht und der balken drüberliegt... geht das??wenn ja, dann Wie?
Falls ihr verstanden habt, was ich meine.
 
Bin auch grad auf suche nach preloadern ! Kannst du mir jetzt sagen wie das geht ?? Sodass ich hintergrundfarbe und ladebalken farbe auch noch verändern kann ? Füg mal bitte den Quelltext von dem jetzt funktionierenden preloader ein bitte und ergänze dass was ich ändern muss damit meine bilder geladen werden und ich wie gesagt hgf und balkenfarbe ändern kann...

Dankeschön
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück