Javascript-форум (https://javascript.ru/forum/)
-   Internet Explorer (https://javascript.ru/forum/css-html-internet-explorer/)
-   -   Мигание картинки в IE6 (https://javascript.ru/forum/css-html-internet-explorer/4295-miganie-kartinki-v-ie6.html)

hp5741 09.07.2009 16:04

Мигание картинки в IE6
 
Вот собственно код который я написал но воткнуть из за чего мигают картинки в IE6 не могу понять помогите плз.
Смысл примерно такой js грузит картинку а потом присваивает ссылке как css фон при наведении картинка просто сдвигается в бок и обратное действие при mouseout. В картинке есть изображение обычной картинки и то что появляется при наведении.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<style type="text/css">
		.lol {
			display:block;
			width:76px;
			height:103px;
			overflow:hidden;
		}
		a {
			border:0;
			outline:0;
		}
		</style>
		<script language = "JavaScript">
		function preloader()
		{
		     var i = 0;
		     imageObj = new Image();
		     images = new Array();
		     images[0]="1.png"
		     for(i=0; i<=0; i++)
		     {
		          imageObj.src=images[i];
		     }
		document.getElementById("mylink").className='lol';
		document.getElementById("mylink").style.background = "url(1.png)";
		document.getElementById("mylink").style.backgroundPosition = '0px 0px';
		}

		function up(obj) {
			obj.style.backgroundPosition = '-75px 0px';
		}
		function down(obj) {
			obj.style.backgroundPosition = '0px 0px';
		}
		</script>
	</head>
	<body onLoad="javascript:preloader()">
		<a id="mylink" href="#" onclick="javascript:return false;" onMouseOver="javascript:up(this);" onMouseOut="javascript:down(this);"></a>
	</body>
</html>

Kolyaj 09.07.2009 16:23

IE6 не кэширует фоновые изображения. Чтобы исправить:
try { document.execCommand("BackgroundImageCache", false, true); } catch (e) {}

hp5741 09.07.2009 16:28

Kolyaj спасибо. Ты лучший!

hp5741 09.07.2009 16:58

Вот если кому нужно
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <style type="text/css">
		a {
            border:0;
            outline:0;
            display:block;
            width:76px;
            height:103px;
            overflow:hidden;
            background: url(1.png) 0px 0px;
        }
        a:hover {
        	background: url(1.png) -75px 0px;
        }
        </style>
        <script language = "JavaScript">
		try { document.execCommand("BackgroundImageCache", false, true); } catch (e) {}
        </script>
    </head>
    <body>
        <a href="#" onclick="javascript:return false;"></a>
    </body>
</html>


Часовой пояс GMT +3, время: 06:49.