PDA

View Full Version : Modified Cross Browser Marquee II - Only works in IE!



mddubs
07-30-2008, 01:45 PM
Can someone tell me what's wrong with my script? It looks fine in IE, but wacky in FireFox. I modified the Cross Browser Marquee II (http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm) to scroll vertically without a break at the end of the items and I just can't get it to work cross-browser!

Source is here:
http://bunkerhollow.com/blogs/matt/archive/2008/07/29/modified-cross-browser-marquee-ii-for-no-break.aspx

See it in action here:
http://bunkerhollow.com/stuff/marquee.htm

jscheuer1
07-30-2008, 03:43 PM
Yep, that looks like it only works in IE all right. Is that your work? In any case, this one (also modified to not have a blank area between passes) works in virtually any browser:

http://home.comcast.net/~jscheuer1/side/marquee.htm

If you want it for a slide show, use:

http://home.comcast.net/~jscheuer1/side/marquee_v_slide.htm

mddubs
07-30-2008, 04:00 PM
It's mostly your work, I've just modified it from posts I've found of yours. I believe I've given proper credit in my post, anyway. I've already considered the two links you mentioned, but neither will work because their structure is different than the Marquee II, which uses styles so I can place my marque in a very specific place on my masterpage. I don't know how to do it with the marquees that don't use styles.

So if there is just a little tweak that you know of which would make this function correctly in Firefox, that would be awesome!

jscheuer1
07-30-2008, 04:16 PM
I don't want to wade through your code for errors, sorry. However, if you edit the source from the first example I linked to here (addition highlighted):


write('<div id="main_marquee_container" style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')

It will give you a style hook for the marquee that you can use to position it, and style it and its contents whatever way you like. Examples:


#main_marquee_container {
left:5px; /* Container is already position relative */
}
#main_marquee_container img {
border:none;
}

There are also other styles in the code, most of which are either required for the marquee to operate, and/or configured in the script. You can also always just place a container around the script and position the container.

mddubs
07-30-2008, 06:07 PM
I placed the entire script inside a panel and then placed it where I needed it. Thanks!