Проблема такого рода, делаю фотогалерею. При помощи CSS использую фильтры преобразования для картинок. Позиционирую картинки по центру, но картинки разного размера и естественно после воспроизведения фильтра картинки дергаются перед сменой, дергаются позиционируясь по центру экрана. А как сделать чтоб они не дергались? Код ниже | Код |
<HTML>
<HEAD>
<TITLE>Example Java Maksys Script</TITLE>
<!-- CSS фильтр для смены фоток-->
<style type="text/css">
img {filter:revealTrans(transition=20)}
</style>
<script >
var ImagesArray=new Array();
ImagesArray[0]=new Array ("Fantasy(10).JPG","Картинка5");//Массив фоток (Линк до фотки, Альтернативный текст)
ImagesArray[1]=new Array ("Fantasy(11).JPG","Картинка4");
ImagesArray[2]=new Array ("Fantasy(12).JPG","Картинка3");
ImagesArray[3]=new Array ("Fantasy(13).JPG","Картинка2");
ImagesArray[4]=new Array ("Fantasy(14).JPG","Картинка1");
ImagesArray[5]=new Array ("Fantasy(15).JPG","Картинка6");
ImagesArray[6]=new Array ("Fantasy(16).JPG","Картинка7");
ImagesArray[7]=new Array ("Fantasy(17).JPG","Картинка8");
ImagesArray[8]=new Array ("Fantasy(18).JPG","Картинка9");
ImagesArray[9]=new Array ("Fantasy(19).JPG","Картинка10");
var CounterIteraciya=0;
function start(){//функция стартует после события (event) полной загрузки страницы
//nextSound(); Со звуком потом разберемся
ImagesView();
ID=setInterval(ImagesView,5000);//5000 -таймаут или задержка... можно вывести в админке для настройки
}
function ImagesView(){//приблуда которая фотки меняет
document.all.imaga.filters["revealTrans"].apply();
if(ImagesArray.length>CounterIteraciya){
document.all.imaga.src=ImagesArray[CounterIteraciya][0];
document.all.imaga.alt=ImagesArray[CounterIteraciya++][1];
document.all.imaga.filters["revealTrans"].transition=Math.round((Math.random()*23));
}else{
CounterIteraciya=0;
document.all.imaga.src=ImagesArray[CounterIteraciya][0];
document.all.imaga.alt=ImagesArray[CounterIteraciya++][1];
document.all.imaga.filters["revealTrans"].transition=Math.round((Math.random()*23));
}
document.all.imaga.filters["revealTrans"].play();
}
</script>
<body bgcolor='#000000' onLoad=start(); >
<div id='d1' align='center' ><img align="center" id="imaga" src='' alt='' height="100%">
</div>
</body>
</html>
|
--------------------
С уважением, BiMaWa™©.   |
CSS фотки дергаются при применении фильтра 
Загрузка ...
