robflate

Thanks that solves the problem but now the form looks terrible. I guess the theme I’m using, needs it. Is there anything I can do?

I’m doing the same with a select box. It works but I get the following error on the form page;

Warning: array_search() expects parameter 2 to be array, null given in /xxx/public_html/wp-content/plugins/bootstrap-for-contact-form-7/modules/select.php on line 43

Any advice greatly appreciated.

Shapeshifter 3,

*See Update at end*

You can integrate the script yourself or use WP Resolutions plugin. This is how I got it working using the plugin;

1. Install and activate WP Resolutions plugin (you should see an ai-cach folder in the root of your wordpress installation).
2. Go to Settings > WP Resolutions, set your image upload folder and save.
3. For some reason, the plugin does not set the correct path to the adaptive-images.php file in your .htaccess file so you need to open your .htaccess file in the root of your wordpress installation and set the line that reads;

RewriteRule \.(?:jpe?g|gif|png)$ /adaptive-images.php

to

RewriteRule \.(?:jpe?g|gif|png)$ wp-content/themes/yourthemenamehere/functions/adaptive-images.php

Now when you visit the site on your iPhone or other small screen device you will notice that any images you view will get adapted and cached in the ai-cache folder.

Update

If you download WP Resolutions from github, the path problem in the htaccess file has been fixed meaning the plugin now works out of the box for me;

https://github.com/JorgenScott/WP-Resolutions

Shapeshifter 3,

Thanks for the info. My theme is a 1, 2 and 3 column responsive design and uses media queries, css and jquery to make images, embeds and video fluid. The last part of the puzzle for me was trying to limit the size of images displayed on mobile browsers to reduce bandwidth and make scrolling as smooth as possible. I thought I might be able to filter the_content to do this but in the end found Adaptive Images. After posting my last message I have now got the script working and it does exactly what it says on the tin. The downsides are it’s not exactly simple to setup and another drawback is that on the iPhone at least, if you open the page in portrait mode, the images served are 480px wide. This is great until you put the phone in landscape mode, which causes the 480px images to scale up (as a result of them being fluid) to fill the screen. You can probably change this behaviour in the script but it does highlight how much of a problem the responsive design idea has created when it comes to media, particularly images.

Can’t seem to get this to work although it is doing something because my blog shows broken image icons.

Server environment;

Dreamhost
Apache 2.2.17-2
PHP 5.2 FastCGI
mod_security on

mkjar, did you ever resolve this issue? It’s something I still find confusing.