in Internet Explorer (IE6 & IE7), photos appear for awhile then switch to thumbnails
(I hope to test w/ IE8 tomorrow); slideshows works fine in Safari 5, Firefox 3 & 4beta
Having users do View > Refresh would usually 'fix', but how to I prevent this in the first place?
I know this (or very similar) problem has been reported before,
and I've tried the 2 suggested fixes without success:
Content Container: .ddblock-container img
CSS Optimization = enabled
my configuration
Drupal: 6.19
ddblock: 6.x-1.0-rc6
theme: Garland
Input type: Image folder
Content Container: .ddblock-container img
http://ddblock.myalbums.biz/faq#18n877
(on 2 test slideshows listed below; others still just image)
Administer > Site configuration > Performance > CSS Optimization = enabled
(IE problem for 30+ CSS files) http://drupal.org/node/960390
(I had aso tried each of http://drupal.org/project/unlimited_css &
http://drupal.org/project/ie_css_optimizer (full))
but no difference; so, now disabled; just using regular Drupal CSS Optim)
without pager (home page; slideshow near top right)
http://drp6.rvuuf.org/
with numeric pager:
http://drp6.rvuuf.org/womens-retreat-2007-0
Suggestions?
Steve
| Comment | File | Size | Author |
|---|---|---|---|
| #3 | Screen shot 2010-11-16 at 4.31.33 AM.png | 45.29 KB | saweyer |
| #1 | Screen shot 2010-11-14 at 4.59.17 PM.png | 93.81 KB | saweyer |
Comments
Comment #1
saweyer commentedjust to confirm that the thumbnail problem occurs also in IE8.
I don't have access yet to a system yet with IE9 -- though my assumption is that if it's more standard-compliant, perhaps the problem will have disappeared.
also attaching a screenshot showing the thumbnail problem in IE7 (via Crossover on my Mac) -- plus a warning message for IE users that I'm considering displaying if no workaround is available...
Steve
Comment #2
ppblaauw commentedThis is probably caused by the image-container settings of 12px for height and width.
set this to the width and hight of the images.
Hope this helps you further, please let me know.
Comment #3
saweyer commentedI'm not seeing the "12".
I have 340hx320w for the content container; and 0x0 for the image setting for my front page slideshow (screenshot attached).
and 640x640 for content container & 0x0 for image setting for other slideshow example (women's retreat 2007).
my assumption was that 0x0 would use the image's original size rather than do any scaling/stretching (Esp. if I have mixed sizes (e.g., portrait & landscape) in the slideshow)
(is it possible that if IE is still downloading photos while slideshow starts maybe it uses a thumbnail and that somehow sets the "original size" specified by the 0x0 but then never gets around to using the full image??)
Steve
Comment #4
saweyer commentedon the assumption that Image setting 0x0 was causing problem for photos that weren't yet downloaded by IE (due to long slideshows / slow computer or connection), and that it might be calculating (&then caching) image size based on thumbnail -- I went ahead and modified my two test ddblocks to use fixed Image Settings (rather than 0x0)
http://drp6.rvuuf.org
320x240 (fewer photos now; I padded some photo margins so that they were exact size; also JavaScript used to display a warning msg to IE users)
http://drp6.rvuuf.org/womens-retreat-2007-0
640x480 (I didn't modify photos; so some exhibit fun-house mirror effect as expected as they scale differentially to fit)
I was still missing some photos in IE for the 2nd slideshow (I'm guessing due to IE not loading all 78 of them, even after a manual Refresh).
I'm now not seeing thumbnails! (at least in my limited testing so far...)
so, is my understanding correct is that I should use the same photo sizes in a slideshow, and then specify that size for Image settings (rather than 0x0) ?
I'm assuming I should also still use .ddblock-container img
Steve
Comment #5
ppblaauw commentedProbably you use a node of a content type for adding images.
You can use 0 x 0 in the configuration page of the slideshow, so the height and width will not be added by javascript to the image tag.
When you want e.g. a fixed width and a flexible height, you can add a width to the images via CSS.
Hope this helps you further, please let me know.