Looking to identify a particular dynamic image function

Example: http://automobiles.honda.com/pilot/

I am looking to see how the heck the main image functionality works and use it in a new page but for the life of me, I can't figure out how this container flow works to automatically center, zoom and shrink the image itself to whatever size the browser window is currently.

Anyone got any idea of what it is or how it works? Thanks

The easiest way to work out how something is done is to use the developer toolbar (f12 in most common browsers) to inspect the element/container to see what CSS rules are defined. At the same time setup a reduced case demo in a live editor such as JSBin, JSFiddle or CodePen and recreate the part you're trying to emulate.

I'm not sure which part of the page you're referring to from your description (it's difficult to be sure of any verbal description nowadays when your audience can be on any internet enabled device) but if you try my suggestion above and then post back with *your code* if you get stuck, then we can take a look at it.

Quote:

---

Originally Posted by Beverleyh

The easiest way to work out how something is done is to use the developer toolbar (f12 in most common browsers) to inspect the element/container to see what CSS rules are defined. At the same time setup a reduced case demo in a live editor such as JSBin, JSFiddle or CodePen and recreate the part you're trying to emulate.

I'm not sure which part of the page you're referring to from your description (it's difficult to be sure of any verbal description nowadays when your audience can be on any internet enabled device) but if you try my suggestion above and then post back with *your code* if you get stuck, then we can take a look at it.

---

Thanks for your reply. I have identified it as something referred to as module m-intro. Could possibly be a joomla module but I have never worked in it myself so I am kinda lost there. Will try to set it up in Fiddle and see if I can find some more identifiers. I was just hoping someone had worked with it and could ID the unique actions it seems to take.