tags:

views:

48

answers:

2
+1  Q: 

Simple JPG/HTML Not Showing Up in iPhone

I'm not familiar with iPhones wants and needs, nor do I have one, but a client wants a screen cap of his site to show up when an iPhone user comes around so I created an .htaccess redirect to an iPhone specific page with this bit of code...

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} iPhone
RewriteCond %{REQUEST_URI} !^/iPhone/
RewriteRule .* /iPhone/ [R]

And the html of the iPhone page...

<html>
<head>
<title>Eatamadedia</title>
</head>
<body style="background-color:#858384;margin:0 auto;">
<img src="../images/iPhonePage.jpg"> 
</body>
</html>

The page redirects just fine, but the .jpg doesn't show up. I can't imagine a simpler page. Anyone know what could be preventing the image from displaying? Does the iPhone require headers?

The site in question is http://eatamedida.com

Thank you in advance for your input. -J

+4  A: 

You're rewrite rule is causing a redirect loop for the images directory. Change it to:

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} iPhone
RewriteCond %{REQUEST_URI} !^/iPhone/
RewriteCond %{REQUEST_URI} !^/images/
RewriteRule .* /iPhone/ [R]

In future you can use Firefox with the User Agent Switcher add-on to fake the iPhone user-agent and debug these kinds of issues using Firebug.

roryf  2010-06-10 15:35:53
excellent! this user agent switcher is a gold mine!
Jascha  2010-06-10 16:02:12
+1  A: 

Well, one of the issues is that the pic on the iPhone page (this one) isn't really suitable for the iPhone's screen resolution. You should consider changing the pic to a 320x480px resolution one.

However, I don't really understand the need for iPhone users to see the site screenshot, anyway.

mcm69  2010-06-10 15:39:07
"However, I don't really understand the need for iPhone users to see the site screenshot, anyway." You dare question the clients wants? ;) The site is a flash site, from my understanding, iPhones won't display those. So, the client asked for a redirect to a screenshot.
Jascha  2010-06-10 15:59:35
Ah, clients those days...
mcm69  2010-06-10 16:02:45

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?