[Pro] Where do you place your Carousel Panes?

Freeway
21

The duplicate in the upper left is 100% a pure creation of Carousel2 in conjunction with IE7. I did nothing wrong in Freeway.

See how it looks in Freeway:

–James Wages

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

22

I just tried a new test with Carousel 2’s “Play automatically” unticked. Alas, the Carousel graphic still pops out of place in IE7. I also tried changing “Horizontal” to “Vertical,” but that didn’t fix the problem either.

Since I cannot fix the problem by hacking the Carousel 2 Action, I have started thinking about what is most important when this problem happens. The reality is that some very stubborn people here in Japan may refuse to heed the red warning atop my page and switch to a decent browser. They may continue to use IE7, that pathetic attempt at a browser (to borrow Walter’s words), which means the Carousel graphic moved out of its place will cover at least 1/3 of the menubar.

What I did to partly address that problem is add some Markup to browser sniff for IE7 and below, and then tell the browser to not display the main Carousel graphic at all. More specifically, I use the following code in the page’s HTML markup:

<!--[if lte IE 7]>
<style type="text/css">
    #Carousel { display: none; }
</style>
<![endif]-->

That code results in the graphic not displaying at all. It leaves a gaping hole in my page, but I consider that better than allowing a stupid duplicated graphic to cover 1/3 of my menubar.

Obviously, the best overall solution would be to see if the root problem can be fixed within the Carousel 2 Action itself. If it cannot be fixed though, then I have a question…

Is there an easy way to modify my HTML markup code above such that it will detect IE7 and below, NOT display the Carousel item but instead display a static graphic in its place? (In other words, strip off the Carousel code that causes the display glitch but leave the graphic in place.)

My assumption is that by replacing the Carousel graphic with a static graphic, the IE7 problem will be resolved. And the side benefit is that the page will display as expected too, albeit without any fancy graphic motion.

Thanks,

James Wages

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

23

Well, drat! I just ticked the “Wrap around” checkbox and found that my HTML Markup no longer hides the popped-out duplicate graphic in IE7. With “Wrap around” enabled, my code only hides the correctly positioned graphic!

I’m back to square one.

–James W.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

24

I’m still yanking hair on this. If I manually delete out the following line, then I don’t get the duplicated graphic problem in IE7 (and below):

But of course, since the Carousel2 Action itself dumps that code into my Freeway pages, then it’s no small task for me to write an IE Conditional Statement to kill that JS from executing.

Can’t that conditional statement just be placed inside “carousel2.js” for us? It would just sniff for IE7 and below and then “not work” on those browsers, thus avoiding the problem whereby your graphic gets duplicated and pops out on the page, usually in a place that covers up the navigation bar!

Thanks.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options