How to display an alternate image for mobile devices

  • I have been searching high and low for a solution to this…

    I have an image 940×240 on my website, when a user visits that website on a mobile device I want that image to be substituted with another completely different image that is sized for a mobile screen. i.e.320×480 or something like that.

    I looked at Josh Emerson’s Responsive-Enhance code, it seems like it will do what I need… but I haven’t a clue as to what code would go where in a WordPress framework.

    Is there such a plugin that I missed?

    Any ideas would be greatly appreciated.

Viewing 1 replies (of 1 total)

  • This could be easily achieved using CSS to change a background image of a DIV element. You might have to re-code some of your website but figure that would be better than messing around with javascript or jquery to do the same thing.

    If you resize my website at https://www.livefreedietravelling.com (shameless plug sorry), you’ll see the top banner will resize and certain elements disappear when resized.

    I would stay away from plugins to achieve this, it’s not needed.

    I hope that helps,
    Paul

Viewing 1 replies (of 1 total)
  • The topic ‘How to display an alternate image for mobile devices’ is closed to new replies.