T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (2)

Resolved Responsive Image as Background - is it possible and how?

0
Votes
Undo
  1. Kerri Sheldon
    Kerri Sheldon
  2. General Discussion
  3. Friday, 27 September 2013
  4.  Subscribe via email
Hello,
This is my first jump into using T3 1.4 on Joomla 3.1 creating custom template. I hope someone can help me.

1. I would like a background image for the entire site that is responsive. I'm working on a travel site and have a beach image in the background that I would like to be responsive so that all (or most) of the image displays no matter on the device used. I currently just placed the image on the body but it doesn't scale. Is there a position I can use for this... or how can I accomplish this?

One image shows the whole img bg and the other is the change in screen size. Notice how the chairs are gone.
Attachments (1)
tempimg.jpg tempimg.jpg
Comment
There are no comments made yet.
Responses (2)
Eric
Eric
Accepted Answer Pending Moderation
0
Votes
Undo
You will likely need to add a custom scripts and some custom markup to your template to accomplish this. I don't believe it can be done with plain (widely supported) CSS alone.

I've used the jQuery plugin Backstretch to do this before:

http://srobbin.com/jquery-plugins/backstretch/
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, you can try with the help of jquery plugin.
If you target only CSS3 browser, you can take reference on this
http://css-tricks.com/perfect-full-page-background-image/
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.