Доброго времени суток...
Делаю прокрутку типа "карусель". Столкнулся с очень интересной
проблемой:
1. есть 2 функции:
function Prew()
{
var ncs=document.getElementById("scroll").style.left;
var l2=ncs.length-2;
var npx=Number(ncs.substr(0,l2));
if(npx<-10) { $('#scroll').animate({"left": "+=365px"}, 300); }
}
function Next()
{
var cs=document.getElementById("scroll").style.left;
var scroll=document.getElementById("scroll");
var ow=scroll.offsetWidth;
var r;
var l=cs.length-2;
var px=Number(cs.substr(0,l));
r=ow+px-365;
if(r>0) { $('#scroll').animate({"left": "-=365px"}, 300); }
}
они управляют вот этим куском кода на странице
<div id="scroll_content" style="overflow: hidden; width: 365px; position: relative;">
<div id="scroll" style="width: 1095px; left: 0px; position: relative;">
<div id="cat1" class="nav22" align="center" style="width: 365px; float: left;">
Шоурум на гранатном переулке
</div>
<div id="cat2" class="nav22" align="center" style="width: 365px; float: left;">
Шоурум на гранатном переулке
</div>
<div id="cat3" class="nav22" align="center" style="width: 365px; float: left;">
Шоурум на гранатном переулке
</div>
</div>
</div>
Тестировал под windows - все работает как и должно, но наткнулся на то, что при работе данного кода в браузере (firefox, safari) под mac os прокрутка происходит сначала на 277рх потом на 365рх. В результате, вместо того, чтобы фраза встала по центру контейнера я имею половину предыдущей фразы и половину последующей...
Подскажите в чем тут дело и как это исправить...
Спасибо
