Posted by glide on April 12, 2011 at 6:42pm
I am working on a new ISU departmental website, temporarily housed at http://cinnamon.cnde.iastate.edu
I am trying to use Views Slideshow to make a rotating banner picture, but the pictures will not display in Firefox 3.6
Everything is fine in FF4; IE 7,8,9; and Chrome 10. It even display fine on my android phone.
Any thoughts on why Firefox 3.6 might hate me so much?
Using firebug I see this near the top of the FF4 code: html class="js activeSlide" lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"
and this in the 3.6 source code:
html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" class="js"
I suspect this is the big difference that is making the js different, but I don't know why different code is being generated.
Comments
What versions of Drupal,
What versions of Drupal, Views and Views Slideshow are you using?
I have a site (http://www.uni.edu/studentaffairs/) running Drupal 6, Views 6.x-2.12 Views, Slideshow 6.x-2.3.
It's displaying correctly in FF 3.6.16.
Versions
Sorry should have spelled these out a bit more in the first place.
Drupal 6
Views 6.x-2.12
Views Slideshow 6.x-2.3
No problem. So when you view
No problem. So when you view the site I referenced, are you able to see the slideshow. That will help narrow down where the problem is since we're both running the same versions.
I've found that sometimes it's another module causing the conflict.
In FF3.6.16 I dont see
In FF3.6.16 I dont see anything at all, no Red X, no empty box, no empty space. Just the text that normally follows it.
Firefox and broken images
Firefox degrades broken images gracefully so you won't see a red x or empty box. Use firebug to check the source of your images. I would also check height and width of your containing elements.
Mike Bosworth
Balanced Scale Media, LLC
balancedscale.com
On your site or mine? In FF
On your site or mine? In FF 3.6 I can see my slideshow on http://www.uni.edu/studentaffairs/ but cannot see the slideshow on http://cinnamon.cnde.iastate.edu which leads me to believe that there is something else causing a conflict other than Views Slideshow since we're running same versions.
I'd recommend disabling other modules one at a time and seeing if you see a change, then you know that you have a conflict.
block?
How are you placing the block on that page? Comparing Firefox 3.6.16 and firebug vs Chrome it looks like you have a div with the class of maintext. The next element in firefox is div class="node clear-block" id="node-1" in chrome there is an additional element div id="block-views-rotating_banner-block_1" class="block block-views " before the node.
I originally just put it in
I originally just put it in the content section, but that always put it under the content, so I made a new section in the template in the second column just above the content section. Then used blocks to assign my view block to that section.
the template part is just:
<?phpprint $bannerimages;
?>
which generates the div id="block-menu-primary-links" class="block block-menu "
That section of the source looks the same in both FF4 and 3.6, but I could move it somewhere if you think that matters.
Fixed!
Moving the banner image section outside of the maintext div made everything work. I still don't understand quite why, but it does.
Thank you both for your help.