ورود

View Full Version : حرکت تصاویر پشت سر هم بدون فضای خالی بین تصویر اول و آخر



bftarane
پنج شنبه 28 آذر 1392, 12:38 عصر
سلام.
لطفاً این تصاویری که به صورت Marquee عبور می کنن رو ببینید.
http://www.lhadapcb.com/eindex.asp
من سعی کردم کاری مشابه این با استفاده از این لینک انجام بدم
http://remysharp.com/demo/marquee.html
همونطور که می بینید در لینک اول تصاویر به صورت مداوم و پشت سر هم به یه سمت حرکت می کنن و هیچ گپی بین محصول اول و آخر نیست.

ولی در نمونه ای که من درست کردم محصولات عبور می کنن بعد به محصول آخر که می رسه یه فضای سفید دیده میشه و بعد دوباره محصولات شروع به دیده شدن می کنن.

اگه جمله اول لینک دوم رو ببینید منظورم رو متوجه می شید اونجا هم این گپ سفید رنگ دیده میشه.
چطور میشه این مشکل رو حل کرد؟

tamafi6
پنج شنبه 28 آذر 1392, 16:30 عصر
داخل لینک اول از marquee استفاده نشده بلکه از jquery استفاده شده
http://www.lhadapcb.com/imgbeb/common.js
برای رفع مشکل هم با java script یک حلقه برای اون تعریف شده


var marqueeVar1;
document.getElementById('marquee1_2').innerHTML = document.getElementById('marquee1_1').innerHTML;
marqueeVar1 = window.setInterval("marquee(1, 'left')", 20);
document.getElementById('marquee1').onmouseover = function(){window.clearInterval(marqueeVar1);}
document.getElementById('marquee1').onmouseout = function(){marqueeVar1 = window.setInterval('marquee(1, "left")', 20);}