ورود

View Full Version : تمایز جهت حرکت متن در مرورگرها با یک پلاگین jquery



reza_magical
دوشنبه 13 آذر 1391, 20:47 عصر
سلام
من از یک پلاگین جی کوری ، که متن رو متحرک میکنه ،در صفحه وبم استفاده می کنم .
اما این پلاگین یک مشکل داره ، اون هم اینه که اگر متن نوشته شده فارسی باشه ، باید متن از سمت راست به طرف چپ حرکت کنه.
من کد رو کمی تغییر دادم ، و در مرورگر فایر فاکس متن از سمت چپ به طرف راست بدون هیچ مشکلی حرکت میکنه، اما در مرورگر اکسپلورر ، جهت برعکس هست ، یعنی از راست به چپ هست.
من می خوام جهت حرکت در هر دو مرورگر از سمت چپ به طرف راست باشه.
قسمت اصلی کد این پلاگین :



this.each(function (i) {
var $marquee = $(this),
width = $marquee.attr('width') || $marquee.width(),
height = $marquee.attr('height') || $marquee.height(),
$marqueeRedux = $marquee.after('<div ' + (klass ? 'class="' + klass + '" ' : '') + 'style="display: block-inline; width: ' + width + 'px; height:30px; overflow: hidden"><div style="float: right; white-space: nowrap;background-image:url(../IMG/qmenu-back.png);background-repeat:repeat-x;font-family:Tahoma;font-size:12px;height:30px">' + $marquee.html() + '</div></div>').next(),
marqueeRedux = $marqueeRedux.get(0),
hitedge = 0,
direction = ($marquee.attr('direction') || 'right').toLowerCase(),
marqueeState = {
dir: /down|right/.test(direction) ? -1 : -1,
axis : /left|right/.test(direction) ? 'scrollLeft' : 'scrollTop',
widthAxis : /left|right/.test(direction) ? 'scrollWidth' : 'scrollHeight',
last : -1,
loops : $marquee.attr('loop') || -1,
scrollamount : $marquee.attr('scrollamount') || this.scrollAmount || 2,
behavior : ($marquee.attr('behavior') || 'scroll').toLowerCase(),
width : /left|right/.test(direction) ? width : height
};


این تیکه کد رو هرچه تغییر دادم ، مشکل برطرف نشد ، مثلا تو اکسپلورر درست میشد ، اما تو فایرفاکس خراب میشد ، یا برعکس.

فایل این پلاگین رو ضمیمه کردم.