Register FAQ / Rules Forum Spy Search Today's Posts Mark Forums Read
Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Oct 14, 2006, 10:47 AM   #1
mariahlullaby
macrumors 6502a
 
mariahlullaby's Avatar
 
Join Date: Jan 2005
Location: NYC
Send a message via AIM to mariahlullaby
Weird image phenomenon...can anyone help?? I am stumped.

Something weird is happening with the thumbnails in our site's photgallery.

Okay, so for our website, we have huge photogallery we update regularly. It's done in frames, so to access the photogallery, the link is:

http://www.mariahdaily.com/photogallery/index.shtml

If you go to "2006 > 10/13/06 Arriving at Narita Airport in Japan" in Internet Explorer (on a PC), these weird white specs show up on the thumbnails. The thumbnail itself is fine, the photos they link are fine, just the thumbnails are weird.

This does NOT happen on my Mac on any browser. So below is a screen cap of what I mean:



Now, if you use Internet Explorer and go to the DIRECT LINK for the photos (http://www.mariahdaily.com/photogall...t/index.shtml), the thumbnails are FINE. Keep in mind this is the page the frame in the photogallery is showing.

This is happening on multiple computers (not mine, but the other two webmasters' computers).

Any idea what is happening?
__________________
divas like macs too
15 inch MBP 2.5 ghz Core 2 Duo 4GB RAM | 23-inch ACD | 8GB iPod Touch | BlackBerry 8300
W3 Promotions Blog

Last edited by mariahlullaby; Oct 14, 2006 at 05:30 PM.
mariahlullaby is offline   0 Reply With Quote
Old Oct 14, 2006, 10:53 AM   #2
thejadedmonkey
macrumors 604
 
thejadedmonkey's Avatar
 
Join Date: May 2005
Location: Pa
Send a message via AIM to thejadedmonkey
I was going to say your computer is messed up, but I have the same problem, and only in IE6. Firefox works fine for me.. I was thinking perhaps it's how IE6 scales down the image, but they're thumbnails.. and they work fine in IE6 too..

That's just really strange. you should tell your viewers to get a mac (or to use firefox) :-p

P.S. Maybe try resaving the thumbnails with a different quality? *shrug*
__________________
MacBook 17" MacBook Pro iPod Nano Apple TV
PS4 Custom Windows 8.1 Desktop WP8.1
"Good judgment comes from experience,
experience comes from bad judgment."
- Mulla Nasrudin
thejadedmonkey is offline   0 Reply With Quote
Old Oct 14, 2006, 10:55 AM   #3
mkrishnan
Moderator emeritus
 
mkrishnan's Avatar
 
Join Date: Jan 2004
Location: Grand Rapids, MI, USA
Oooh, I think I have a guess. Sort of.

From your picture, it looks as if every spec is on her black juicy suit, right? This has to do with the background color setting of those thumbnails. Right now there is a shade of black which appears in the photo in her outfit that is set to transparent. You see it in the page and not the second link because in the page, they are overlaid on that white frame that you make. I think that if you make sure the thumbnails are saved to be opaque, the problem will go away.
__________________
Mohan
mkrishnan is offline   0 Reply With Quote
Old Oct 14, 2006, 10:55 AM   #4
mariahlullaby
Thread Starter
macrumors 6502a
 
mariahlullaby's Avatar
 
Join Date: Jan 2005
Location: NYC
Send a message via AIM to mariahlullaby
The weird thing is, however, is that directly linking to the thumbnail itself shows up fine...no white specks. Same if you go to the direct link to the photogallery.

Thanks for your help though!
__________________
divas like macs too
15 inch MBP 2.5 ghz Core 2 Duo 4GB RAM | 23-inch ACD | 8GB iPod Touch | BlackBerry 8300
W3 Promotions Blog
mariahlullaby is offline   0 Reply With Quote
Old Oct 14, 2006, 11:00 AM   #5
mkrishnan
Moderator emeritus
 
mkrishnan's Avatar
 
Join Date: Jan 2004
Location: Grand Rapids, MI, USA
No, but that's consistent. It's only occurring because of the properties of the background of the frame. How are you generating the pictures? Are you using the save for web option in PS? If so, try changing the option in the Matte box to black.
__________________
Mohan
mkrishnan is offline   0 Reply With Quote
Old Oct 14, 2006, 03:19 PM   #6
Makosuke
macrumors 603
 
Join Date: Aug 2001
Location: The Cool Part of CA, USA
I wasn't aware that JPEG could have transparency set, but there is NO question that one precise shade of grey is turning white;

When I open one of the thumbnails in Photoshop and use the wand tool to click on one of the white areas with tolerance set to 1, no anti-aliasing, and non-contiguous, it selects only the pixels that show up white in your screenshot. Not sure how color adjustment will affect this, but the grey appears to be #222222.

Are you running any hacks in your CSS to turn on alpha channel support in IE? Perhaps a filter like this is getting applied to the JPEGs in the thumbnails and is turning that particular shade of grey white?

Last edited by Makosuke; Oct 14, 2006 at 03:26 PM.
Makosuke is offline   0 Reply With Quote
Old Oct 14, 2006, 03:24 PM   #7
Makosuke
macrumors 603
 
Join Date: Aug 2001
Location: The Cool Part of CA, USA
A-yup. Here's your problem right here:

Code:
<IFRAME name="pics" src="http://www.mariahdaily.com/photogallery/pics.shtml" width="353" height="390" align="right" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="auto" style="FILTER: chroma (color=#222222)" allowtransparency="true"></IFRAME>
See there where you're turning on FILTER: chroma (color=#222222) and allowtransparency="true"?

What that's doing is making the color 222222 on the thumbnails trasnparent, and it's exposing the white background underneath. It doesn't happen when you view the thumbs directly, since you're no longer using those styles, and it only happens on IE because it's the only browser that supports those crazy nonstandard FILTER directives in a stylesheet.

I don't know why you want #222222 to be trasnparent (something to do with adding an alpha channel to PNGs in IE or something?), but you're going to need to change that to make it work.
Makosuke is offline   0 Reply With Quote
Old Oct 14, 2006, 06:07 PM   #8
mariahlullaby
Thread Starter
macrumors 6502a
 
mariahlullaby's Avatar
 
Join Date: Jan 2005
Location: NYC
Send a message via AIM to mariahlullaby
Quote:
Originally Posted by Makosuke
A-yup. Here's your problem right here:

Code:
<IFRAME name="pics" src="http://www.mariahdaily.com/photogallery/pics.shtml" width="353" height="390" align="right" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="auto" style="FILTER: chroma (color=#222222)" allowtransparency="true"></IFRAME>
See there where you're turning on FILTER: chroma (color=#222222) and allowtransparency="true"?

What that's doing is making the color 222222 on the thumbnails trasnparent, and it's exposing the white background underneath. It doesn't happen when you view the thumbs directly, since you're no longer using those styles, and it only happens on IE because it's the only browser that supports those crazy nonstandard FILTER directives in a stylesheet.

I don't know why you want #222222 to be trasnparent (something to do with adding an alpha channel to PNGs in IE or something?), but you're going to need to change that to make it work.

I must say that I LOVE YOU. I want to give you PRESENTS.

This has been KILLING us! Thank you!!! It fixed it.
__________________
divas like macs too
15 inch MBP 2.5 ghz Core 2 Duo 4GB RAM | 23-inch ACD | 8GB iPod Touch | BlackBerry 8300
W3 Promotions Blog
mariahlullaby is offline   0 Reply With Quote
Old Oct 14, 2006, 07:53 PM   #9
Makosuke
macrumors 603
 
Join Date: Aug 2001
Location: The Cool Part of CA, USA
Quote:
Originally Posted by mariahlullaby
I must say that I LOVE YOU. I want to give you PRESENTS.
I appreciate the sentiment. If you happen to know of a way to get IE7 to respect CSS "clear" properties for floating elements outside the current box (I've got another thread on it), lemmie know. Otherwise, sharp-looking site, and I'm glad I could be of help--creepy little problems like that are always the toughest, but also the most fun.
Makosuke is offline   0 Reply With Quote
Old Oct 15, 2006, 12:03 PM   #10
mariahlullaby
Thread Starter
macrumors 6502a
 
mariahlullaby's Avatar
 
Join Date: Jan 2005
Location: NYC
Send a message via AIM to mariahlullaby
Quote:
Originally Posted by Makosuke
I appreciate the sentiment. If you happen to know of a way to get IE7 to respect CSS "clear" properties for floating elements outside the current box (I've got another thread on it), lemmie know. Otherwise, sharp-looking site, and I'm glad I could be of help--creepy little problems like that are always the toughest, but also the most fun.
Haha, thanks. Good luck though, getting that to work. And thank you so much for your help.
__________________
divas like macs too
15 inch MBP 2.5 ghz Core 2 Duo 4GB RAM | 23-inch ACD | 8GB iPod Touch | BlackBerry 8300
W3 Promotions Blog
mariahlullaby is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Weird ghostly screen image Supernerd iMac 1 Nov 8, 2013 12:28 PM
Weird image on 13" MBP screen jiannichan MacBook Pro 0 Feb 15, 2013 01:00 PM
Weird image retention 2007 iMac 24 inch jasimon9 iMac 0 Feb 3, 2013 10:55 PM
[IMAGE] Apple mail app weird behaviour, not showing tables correctly. Driving me nuts Costumed iPhone and iPod touch Apps 10 Dec 25, 2012 03:32 AM
iPad: Weird Screen Image Ghosting After iOS6 Update drummingcraig iOS 6 5 Sep 24, 2012 02:05 PM

Forum Jump

All times are GMT -5. The time now is 02:22 PM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC