Image Marquee

Discussion in 'JavaScript' started by sebastya, Jun 17, 2009.

  1. #1
    Does anybody know how to make one of these?

    An example would be from http://www.reinvent.com/ (at the bottom)

    Thanks
     
    sebastya, Jun 17, 2009 IP
  2. Angadude

    Angadude Peon

    Messages:
    250
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Just add image tags inside the marquee. Then use JavaScript to define the events. On mouseover button 1, change direction, on mouseover button 2, change direction, on mouseout change speed.

    Now, add a setInterval for a function, that keeps setting the marquees attributes differently every 250 milliseconds.

    You can use the document.getElementById line to edit the marquee's parameters. Just set it an id, and use it in the JavaScript.

    This shall help you if you have a good background in JS. If you don't, your prolly looking for step-by-step instructions. Why not google and get yourself a code snippet?
     
    Angadude, Jun 18, 2009 IP
  3. sebastya

    sebastya Well-Known Member

    Messages:
    2,449
    Likes Received:
    46
    Best Answers:
    0
    Trophy Points:
    138
    #3
    I searched google for a hour and didn't find anything remotely close to it :(
     
    sebastya, Jun 18, 2009 IP
  4. dimitar christoff

    dimitar christoff Active Member

    Messages:
    882
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    90
    #4
    dimitar christoff, Jun 20, 2009 IP
    sebastya likes this.
  5. sebastya

    sebastya Well-Known Member

    Messages:
    2,449
    Likes Received:
    46
    Best Answers:
    0
    Trophy Points:
    138
    #5
    thanks! will give it a try.
     
    sebastya, Jun 21, 2009 IP
  6. VishalVasani

    VishalVasani Peon

    Messages:
    560
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Hello sebastya,

    The example you have giving is a flash image scroller...

    Below is the flash image scroller with xml. Have a look at it. It is free..

    http://www.benjaminkeen.com/software/image_scroller/
     
    VishalVasani, Jun 22, 2009 IP
    sebastya and Unni krishnan like this.
  7. sebastya

    sebastya Well-Known Member

    Messages:
    2,449
    Likes Received:
    46
    Best Answers:
    0
    Trophy Points:
    138
    #7
    thanks man!
     
    sebastya, Jun 22, 2009 IP
  8. robbtokill

    robbtokill Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Actually you can try jquery.com. It's simpler and faster. I also heard that it's "fully" cross-browser compatible.
     
    robbtokill, Jun 25, 2009 IP
  9. JavaScriptBank.com

    JavaScriptBank.com Peon

    Messages:
    141
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
  10. sebastya

    sebastya Well-Known Member

    Messages:
    2,449
    Likes Received:
    46
    Best Answers:
    0
    Trophy Points:
    138
    #10
    sebastya, Jul 20, 2009 IP