Link to different images based on user agent

carlos_camacho

Greetings,

I need to write a PHP program but it is beyond my simple knowledge. I would REALLY appreciate any help, links, advice, etc.

The site I am building is for mobile phones. I'm located in Japan. Mobile phones have various screen sizes. In a nutshell:

The index page has various images, for example a logo. When the limg tag for the logo is executed, it should check the user agent. I have a file that contains all the user agents of Japanese mobile phones. For example:

Model | File Code

D501i a.gif
F501i b.gif
D505 a.gif
P2034 c.gif

and so on...

So we check the user agent, and replace the url with the correct image.

Like:

<img src="<?=$ta-> ***(USER_INDEX_URL,"logo") ?>">

So the above references getfilename.php, and so when index page is loaded, the mobile browser sees

<img src="logo-a.gif" />
(something like that)

I think you can get what I'm after.

I have no idea where to begin. I looked for some snippets on hotscripts but wasn't successful. 🙁

If my explanation isn't clear, please let me know.

Regards,

Carlos

bpat1434

It's not a good thing to rely soley on what the browser gives as its user-agent (if any) as it can be "spoofed" to be anything you want. I'm not sure about the whole phone browser thing as I've never worked with them, but I'm sure they follow some of the same rules.

Now, to do this normally, you'd want to get server value ($SERVER['HTTP_USER_AGENT']) and use that as the lookup term in your file.

<?php
$agent = $_SERVER['HTTP_USER_AGENT'];

Then if your image stuff is in a text-file, you'd need to read the contents into a string, and search the string for the correlating value:

// Get the contents of the file split by line
$images = explode("\n", file_get_contents('path/to/image/file.txt'));

// Get info into array for easier searching :)
foreach($images as $img)
  $image[] = explode(" ", $img);

// Search for image
$img = 'logo-'.$image[$agent];

Then it's just a matter of showing the image:

echo '<img src="'.$img.'" />';
?>

Hope that makes sense to you... and gives you something to start with...

carlos_camacho

Thanks for the quick reply!

I just talked to the mobile section and they revised their request (uhg!)

Instead of simply loading the image with <img src="" />. They want to do something like this...

Wallpaper 1 Link
Wallpaper 2 Link
Wallpaper 3 Link

So, when a user clicks on say Wallpaper 1 link, they will see the "best" image for their phone (best image is already determined and assigned in the 3 csv files)

I should mentioned that all the phone models are in 3 different csv lists (I searched here for reading CSV files)

Recap: 3 csv files, user clicks on various links, and appropriate image is loaded.

Whew... I wanna cry.
🙁

bpat1434

It's not that bad. It's still the same basic idea though... instead of opening each text-file, you open one and read the contents and search it (and so on)....