How to make Ad images responsive

by habeycole

Posted: 8 years ago 5 replies

PROGRAMMING

Hi warriors,

I want to add some advert images to my Site: 3 x 1. But I want the whole 3 images to show on web browsers but one of those images on mobile browsers. My ad images are already rotating and my Site is mobile responsive. Anyone knows what I can do to achieve this? Thanks in anticipation for your replies.

#images #make #responsive

prince55l

8 years ago

Originally Posted by habeycole

you can use php mobile detect to do that easily. you only need to know when your site is displayed on mobile and show only one image and then on desktop you show all the images.
Mobile Detect - lightweight PHP class for detecting mobile devices (including tablets)

Thanks

Signature

{{ DiscussionBoard.errors[10596310].message }}

Duc Aaron 8 years ago

Using tutorial
Bootstrap CSS Images Reference
- Thanks
Signature
Webinar Jeo Bonus | Webinar Jeo Review | InstaViral 2.0 Review | InstaViral 2.0 Bonus | Viral Loop Review | Viral Loop Bonus
{{ DiscussionBoard.errors[10597286].message }}
Alexander Simmons 8 years ago

You can hide them by using CSS @media queries. Use display:none; to two other advert images which you want to hide.
- Thanks
{{ DiscussionBoard.errors[10613146].message }}
djape 8 years ago
html:
HTML Code:

<img src="myimagepath/image.jpg" alt="myalt" class="myimage" />
css:
Code:

.myimage{border:0px;} @media only screen and (min-width:0px) and (max-width:767px){ .myimage{width:100%;height:auto;border:0px;} }
- Thanks
- 1 reply
{{ DiscussionBoard.errors[10627283].message }}
- habeycole 8 years ago
  
  Thanks peeps for your replies. I'd try everything out just as stated.
  
  Regards.
  
  Thanks
  
  {{ DiscussionBoard.errors[10627567].message }}

How to make Ad images responsive

Trending Topics

Been a while! Any of you Old Timers here?

How much does the rebranding affect CR ?

Boat and Jet Ski Rentals...... Door Hangers Effective?

Clickbank low cost recurring

Are billboards still effective in driving customers?