Results 1 to 3 of 3

Thread: Looking to identify a particular dynamic image function

  1. #1
    Join Date
    Feb 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question 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

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    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.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Feb 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    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.

Similar Threads

  1. Identify URL Source from link in Form
    By Fortuna707 in forum HTML
    Replies: 0
    Last Post: 02-07-2012, 08:20 PM
  2. identify IE browser & pop message?
    By bnovak in forum Looking for such a script or service
    Replies: 1
    Last Post: 06-24-2010, 10:31 PM
  3. Javascript function to identify space in a value
    By sharatcg in forum JavaScript
    Replies: 4
    Last Post: 10-24-2008, 05:37 AM
  4. Identify file extension
    By pavmoxo in forum PHP
    Replies: 1
    Last Post: 06-14-2007, 04:39 PM
  5. Identify a frame as element
    By Yukoner in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 11-11-2006, 06:09 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •