1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Solved: Seamless looping images in Marquee

Discussion in 'Web Design & Development' started by puzzle2011, Jan 22, 2013.

Thread Status:
Not open for further replies.
Advertisement
  1. puzzle2011

    puzzle2011 Thread Starter

    Joined:
    Jan 22, 2013
    Messages:
    4
    I have included a marquee on a home page that has 8 images. They scroll from right to left. My problem is there is a lag between the last one and the first one. Is there something I could set that would eradicate this open space and put the last one up against the first one so that there is no open space?
     
  2. 87654321

    87654321

    Joined:
    Mar 10, 2012
    Messages:
    542
    What is the code?
     
  3. puzzle2011

    puzzle2011 Thread Starter

    Joined:
    Jan 22, 2013
    Messages:
    4
    <div class="modify" id="marque">
    <marquee scrollamount="6" scrolldelay="85" bgcolor="#999999" width="1028" height="100" direction="left" behavior="scroll" loop="-1" onMouseOver="stop()" onMouseOut="start()" >
    <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"></img> <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"> <alt="sponsor"> <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"></img> <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"> <alt="Sponsor"> <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"></img> <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"> <alt="Sponsor"><img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"></img> <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"> <alt="Sponsor"> <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"></img> <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"> <alt="Sponsor"> <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"></img> <img src="images/Sponsors/season-sponsor.jpg" width="150" height="83" alt="sponsors"> <alt="Sponsor"></marquee>
     
  4. 87654321

    87654321

    Joined:
    Mar 10, 2012
    Messages:
    542
    I am sorta limited in my marquee knowledge but shouldn't the first line be
     
  5. puzzle2011

    puzzle2011 Thread Starter

    Joined:
    Jan 22, 2013
    Messages:
    4
    Let me change that but it works the way it is only the last image has to leave the left of the marquee before the first one shows up again on the right.
    Ok that didn't help with my problem.
     
  6. puzzle2011

    puzzle2011 Thread Starter

    Joined:
    Jan 22, 2013
    Messages:
    4
    Ok I changed it to read marquee but nothing changed.
     
  7. colinsp

    colinsp

    Joined:
    Sep 5, 2007
    Messages:
    2,272
    First Name:
    Colin
    Try changing the id of your div in your CSS from marquee as it may be getting the browser confused having an id and an action with the same names.
     
  8. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/1086421

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice