no-coder пишет:Какова цель?
В чистом DHTML-е (без ничего стороннего и подгруженного) имитировать спрайтовую анимацию из векторных картинок с возможностью динамически масштабировать спрайты в зависимости от размера экрана. CSS-спрайты (методом style="background-image:url(); background-position:Xpx Ypx") работают, но не масштабируются. Пришлось каждую фазу спрайта в отдельный файл (благо вектор весит мало), все грузить в память и по алгоритму анимировать. Все заработало.
Ну так ваше решение требует мс офиса, у меня его нету и ваше решение не работает.
Вот рабочий пример на чистом DHTML, должен работать даже в IE4:
<SCRIPT LANGUAGE="JavaScript">
//C:\windows\Web\Wallpaper\Windows XP.jpg
var pic="http://s1.ipicture.ru/uploads/20111120/C8r6NzUc.jpg"
var XX=[0,10,33,77,155]
var YY=[0,10,33,77,155]
var DD=[1, 1.5, 2,3,6]
var i=0;
function ToPic()
{
putImg(pic,XX[i],YY[i],DD[i])
if ( ++i < XX.length)
{
setTimeout(ToPic, 1400 )
}
}
window.onload=function()
{
ToPic()
}
function putImg(src,x,y,d)//d - коэфицент - во сколько раз увеличить картинку
{
//загружаем картинку
var IMG=new Image() //что бы узнать высоту и ширину
IMG.src=src;
var w=Math.round(d*IMG.width)
var h=Math.round(d*IMG.height)
document.body.innerHTML+= "<img border=0 src='"+src+"' style='position:absolute;"+
"width:"+w+"px;height:"+h+"px;"+
"top:"+y+"px;left:"+x+"px;' >";
}
</SCRIPT>
Cамое главное это функция putImg(src,x,y,d) где d - коэфицент - во сколько раз увеличить картинку
а src адрес картинки.
Или если innerHTML использовать запрещено то можно на чистом DOMe (работает в IE5+):
function putImg(src,x,y,d)//d - коэфицент - во сколько раз увеличить картинку
{
//загружаем картинку
var IMG=new Image() //что бы узнать высоту и ширину
IMG.src=src;
var w=Math.round(d*IMG.width)
var h=Math.round(d*IMG.height)
/*
document.body.innerHTML+= "<img src='"+src+"' style='position:absolute;"+
"width:"+w+"px;height:"+h+"px;"+
"top:"+y+"px;left:"+x+"px;' >";
*/
var pikcha=document.createElement("img")
pikcha.setAttribute("src",src);
pikcha.style.position="absolute";
pikcha.style.width= w+"px";
pikcha.style.height=h+"px";
pikcha.style.top=y+"px";
pikcha.style.left=x+"px";
document.body.appendChild(pikcha)
}
А я уж и забыл, что такие функции есть.
