PDA

View Full Version : Vertical Conveyor Belt Slideshow freaking out in Firefox with overflow set to auto



carriehoff
05-30-2007, 04:10 PM
1) Script Title: Vertical Pausing Slideshow - freely adapted from:
Cross browser Marquee II- Dynamic Drive (www.dynamicdrive.com)
Modified by jscheuer1 for continuous content slideshow. Credit MUST stay intact for use

2) Script URL (on DD): Modified DD script

3) Describe problem: View this URL in Firefox (on Windows)http://www.getinkpr.com/new_page_published2.asp

IE looks fine, Firefox totally freaks out when overflow property is set to auto. Do you see any way to get around this?

Thank you
Carrie

benslayton
05-30-2007, 04:24 PM
yeah, this script would probally work better.
http://www.dynamicdrive.com/dynamicindex2/iframe-scroller.htm
in the external.htm file just add your linked images in there.

carriehoff
05-30-2007, 04:26 PM
Thank you for quick reply. That script looks much more compact and easier to implement.
I will give it a try with images.
Thanks again.

jscheuer1
05-30-2007, 05:50 PM
Your demo page looks fine here in FF. That script was tested in FF BTW. I do have a better vertical scroller though that I've been working on. Let me know if you are interested. I don't think iframe will validate with your DOCTYPE.

Here's a demo of the new script:

http://home.comcast.net/~jscheuer1/side/files/vertical_slide.htm

carriehoff
05-30-2007, 06:42 PM
Thank you. I thought I ran across instructions for how to validate that one though.
What happens if page won't validate? Will it not run in some browsers?
Ok, and what is FF BTW?

Carrie

carriehoff
05-31-2007, 02:17 AM
benslayton:

Is there any way to modify this script to make it seamless?

Carrie

jscheuer1
05-31-2007, 07:08 AM
Thank you. I thought I ran across instructions for how to validate that one though.
What happens if page won't validate? Will it not run in some browsers?
Ok, and what is FF BTW?

Carrie

Where? I don't think you can validate iframe with that DOCTYPE no matter what you do, unless you write the iframe to the page using javascript, but that will not fool a browser, only a validator.

It might not.

Fire Fox By The Way

carriehoff
05-31-2007, 12:31 PM
jscheuer,

FF v1.0.7 did not like the script running with the overflow property set to scroll (on another element - I might add). The whole section with the scroll on it continued to flicker while the slideshow was running. The link I posted probably does not have the slideshow on it now.

Carrie

jscheuer1
05-31-2007, 05:08 PM
jscheuer,

FF v1.0.7 did not like the script running with the overflow property set to scroll (on another element - I might add). The whole section with the scroll on it continued to flicker while the slideshow was running. The link I posted probably does not have the slideshow on it now.

Carrie

We can't diagnose a problem we don't see. Also, if the problem arose due to your markup, in fact markup not directly related to the script, there may be a way around that problem.

I still prefer my new script, mentioned earlier, for vertical scrolling.

But, as you seem unconcerned about validation, and I admit it isn't the be all and end all of web presentation, it may well be easier to use the iframe scroller. Whatever you decide, it's your project. Go for it!

starink
05-13-2011, 08:58 PM
Your demo page looks fine here in FF. That script was tested in FF BTW. I do have a better vertical scroller though that I've been working on. Let me know if you are interested. I don't think iframe will validate with your DOCTYPE.

Here's a demo of the new script:

http://home.comcast.net/~jscheuer1/side/files/vertical_slide.htm

I am interested in the one in the center scrolling down with the 3 photos.

I opened up the code and could not figure out how to eliminate the other 2.

Please let me know. :)

jscheuer1
05-14-2011, 01:37 AM
In the body, get rid of everything except:


<div id="show2"><!-- Optional Container Division -->
<div class="slides2noscript"><div id="slides2" class="slides2">
<img src="photo7.jpg" alt="">
<img src="photo8.jpg" alt="">
<img src="photo9.jpg" alt="">
</div></div>
<script type="text/javascript">
//new vslide('id', height, speed, direction, pause, create_functions)
new vslide('slides2', 350, 9, 1, 1, 0);
</script>
</div>

In the style section in the head, get rid of everything except:


.slides2 {
width:140px; /*Set width for these slides*/
position:relative; /*Required*/
}
.slides2 img {
display:block; /*Required for certain DOCTYPEs*/
}
.slides2noscript {
position:relative; /*Required*/
overflow:auto; /*Required*/
height:350px; /*Set to the same height as in this vslide call*/
width:160px; /*Set to width of this slides + 20*/
}