Making Images Responsive

[LaunchPad777]

Hi there,

This question applies to three different sites I'm working on at the moment.
One of which is http://www.gpmotorworks.co.za

However, I'm busy re-designing a html website for a client using Genesis Sample Theme...at the moment the website is password protected until ready for re-launch.

I want to make all the images responsive. I came across this which was helpful in getting the header image to be responsive:
http://wpbeaches.com/add-full-width-responsive-header-image/

But I'm still battling with the images in the individual pages, and I used this site:
http://wpbeaches.com/make-images-scale-responsive-web-design/

and this one:
http://wpbeaches.com/responsively-removing-width-and-height-attributes-in-images-on-wordpress/

In the second one it talks about changing all the images with a script:

Removing Existing Inline Styling for Width and Height Attributes on Images
This can be achieved with some javascript, I couldn’t find a way to do this via a mass mysql method, so here is a great script , put it in the header.php of your theme.

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
 $('img').each(function(){
 $(this).removeAttr('width')
 $(this).removeAttr('height');
 });
});
</script>

I applied this script here Admin panel > Genesis > Theme settings in the header script boxes.

However, it doesn't make the images resize when you make the browser window smaller.

Is there another way to make the images responsive globally?

Best regards

Greg

[Tim Squires]

I'm not sure, but this tutorial might help you:

http://thepixelista.com/responsive-genesis-child-theme-logo/

---

timsquires.com.au

[Author]

Posts