Moving Image Heading

etangins

Member
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:

ronaldroe

Super Moderator
Staff member
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:

ronaldroe

Super Moderator
Staff member
Marquee really should have been removed a long time ago. Blink still works in FF. Can't imagine why...
 

chrishirst

Well-Known Member
Staff member
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.
 

etangins

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