Forum PHP.pl

Witam, mam problem dosc nietypowy...

Dokladniej mowiac kiedy stworzylem cos na zasadzie preloader'a w javascript dziala pod opera bez problemu w FireFox tez, ale jednak tam obrazek "loading" jest nieruchomy a jest to gif, ktory pod opera normalnie sie rusza...

zauwazylem, ze kiedy wklejam kod <img src="images/ble.gif"> dziala.. ale kiedy wklejam go z poziomu JS juz nie - i zastyga w miejscu :

[HTML] pobierz, plaintext 
<script language="JavaScript1.1" type="text/javascript">
<!--
if (document.images) {
var preloadBar = ''
for (i = 0; i < imgtoPreload.length-1; i++) {
preloadBar += '<img src="' + barImg[0].src + '" width="48" height="48" name="img' + i + '">'
}
preloadBar += '<img src="' + barImg[0].src + '" width="48" height="48" name="img' + (imgtoPreload.length-1) + '">'
document.write(preloadBar)
loadImages()
}
//-->
</script>
[HTML] pobierz, plaintext 

Jakies pomysly jak to rozwiazac?

Ten post edytował sokxx 2.09.2007, 20:28:27

Moze nie wstawiaj samego obrazka przez js ale wpisz go normalnie w kod strony i obejmij divem i pozniej za pomoca js pokazuj diva i ukrywaj kiedy chcesz. O ile dobrze pamietam to chyba sluzy do tego display w js.

Tak jak mowi piotrekkr, z tym że:

display: none
lub
display: block

visibility: hidden
lub
visibility: visible

display nie działa we wszystkich przeglądarkach (w operze chyba nie działa, a visibility - tak).

problem w tym, ze ten obrazek musze 'wrzucic' za pomoca JS

Nie wiem czemu, i nie wiem po co - i nie pytam.
Ale przed nazwą tematu dodaj [js], żeby było wiadomo, o co chodzi.

a jak go normalnie wrzucisz o sie animuje?? sprawdziles

normalnie animuje sie, jedynie przez js nie dziala i tylko pod mozilla... kiedys przy preloader'ze tez mialem taki problem ale to "olalem" jednak tym razem jest potrzebny i musi byc wklejony za pomoca JS;/

a moze sprobuj uzyc funkcji eval

Możesz np. zamienić GIF-a na SWF-a, z tego co wiem one animują się raczej zawsze

Działa normalnie. Błąd masz gdzieś indziej. Wstawiłem sobie kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
//<![CDATA[
if (document.images) {
	var preloadBar = ''
	for (i = 0; i < 10; i++) {
		preloadBar += '<img src="anim.gif" width="48" height="48" name="img' + i + '">'
	}
	//preloadBar += '<img src="anim.gif" width="48" height="48" name="img' + (imgtoPreload.length-1) + '">'
	document.write(preloadBar)
	//loadImages();
}
//]]>
</script>
[HTML] pobierz, plaintext 

I ładnie 10 obrazków jeden obok drugiego się animuje (w IE, FF, Operze).

Ten post edytował drPayton 3.09.2007, 08:40:36