I've e across a number of parallaxing tutorials (this one in particular I'm looking at now: /); however, they all seem to involve a background image in a <div> that's fixed. Is is possible to achieve a similar parallax effect if my image is in a <img> tag?

I've e across a number of parallaxing tutorials (this one in particular I'm looking at now: http://net.tutsplus./tutorials/html-css-techniques/simple-parallax-scrolling-technique/); however, they all seem to involve a background image in a <div> that's fixed. Is is possible to achieve a similar parallax effect if my image is in a <img> tag?

• javascript
• html
• css
• parallax

Share Improve this question Follow asked Jun 30, 2013 at 17:28 MattMatt 2,32777 gold badges4242 silver badges5353 bronze badges 2

• Sure, they're both elements, they both can be positioned with CSS, and they both can be repositioned with JavaScript. – user2437417 Commented Jun 30, 2013 at 17:54
• The reason for background image is that it's CSS-only solution. Other solutions require using Javascript. – jave.web Commented Sep 17, 2018 at 0:05

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

Provided you use the same attributes then yeah sure it can

An example of this can be seen here: http://webdesign.tutsplus./tutorials/plete-websites/create-a-parallax-scrolling-website-using-stellar-js/