XF 1.4 Help with auto image sizing for tablets and smart phones

[New Joe]

I've got a problem, I want to add an image in my template above where I have my google ads.

I used this code:

<div align="center"><img src="images/jump.jpg" border="0" alt="  "/></a>
</div>
<br />

Which works and shows fine on my computer or laptop but on a tablet or smart phone the image is way too big
I was hoping there's a code which can be added to my code to make the image auto resize for tablets or smart phones

Hope someone can help
Thanks

 

[Snog]

<img src="images/jump.jpg" border="0" alt="  " style="max-width:100%;" />

Should do it.

 

[New Joe]

Thanks Snog i'll give it a try.
Nice to see you online mate hope you're well, been a long time since I've been on here, lots going on my end so not had much time for Forum tech stuff.

*Update*

Worked a treat mate, thanks again

 

[New Joe]

<img src="images/jump.jpg" border="0" alt="  " style="max-width:100%;" />

Should do it.

@Snog using that same code above, how can it be tweaked so that when you hover over the image it's clickable and when clicked it opens a new tab on your browser to a new url such as www.newsite.com

Would it be:

<a href="http://www.newsite.com/" target=<img src="images/jump.jpg" border="0" alt="  " style="max-width:100%;" />

 

[Snog]

@Snog using that same code above, how can it be tweaked so that when you hover over the image it's clickable and when clicked it opens a new tab on your browser to a new url such as www.newsite.com

Would it be:

<a href="http://www.newsite.com/" target=<img src="images/jump.jpg" border="0" alt="  " style="max-width:100%;" />

No more like this...

<a href="http://www.newsite.com/" target="_blank" >
<img src="images/jump.jpg" border="0" alt="  " style="max-width:100%;" />
</a>