Moving Image Heading

Discussion in 'Programming' started by etangins, Aug 16, 2012.

to remove all ads.
  1. etangins

    etangins Member

    Messages:
    81
    Hello,
    I apologize if I am not posting in the right place. I have a giant image with a width of 4685 pixels and a height of 320 pixels. It is actually text which I made out of a series of smaller images. I want to use it as the heading for my website, but if I scale it down to fit the page width, it will be too small to read. Instead, I want to have the image scroll to the left of the screen and wrap around coming out the right side of the screen. That way, I can have the image large enough to read although there will only be part of the image on the screen at a time while still giving the viewer the ability to read the whole heading because as the image scrolls, the viewer will be able to see the rest. How would I do that?
    Thank you in advance.
     
    Last edited: Aug 16, 2012
  2. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Not because I think you should (I don't), but out of simple curiosity, try:
    HTML:
    <marquee><img src="link/to/image.png" /></marquee>
    UPDATE: Tried it in Chrome on Codepen.io and it works. Not sure whether I'm happy or sad...
     
    Last edited: Aug 16, 2012
  3. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    that makes me sad, ronald.
     
  4. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Marquee really should have been removed a long time ago. Blink still works in FF. Can't imagine why...
     
  5. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,675
    For an element that does not exist in any HTML specification the marquee seem to have led a charmed life.

    And despite the fact that almost every sane person dislikes it immensly it is now included in the CSS3 specification.
    http://www.cssplay.co.uk/menu/css3-marquee.html

    So we can all look forward to having a mock LED "moving light display" coming to a site near you.
     
  6. JakClark

    JakClark New Member

    Messages:
    128
    Woo, year 2000 is in the house.
     
  7. AsheSkyler

    AsheSkyler New Member

    Messages:
    177
    I actually want to try that mock LED thing now on some of my toy pages. =D
     
  8. etangins

    etangins Member

    Messages:
    81
    It worked. In fact, it did exactly what I wanted. Is there any way to speed up the scrolling? Thanks for your help.
     

Share This Page