Need help downloading zoom image on Nike website

Discussion in 'Web Design and Development' started by mnmlist, Mar 16, 2012.

  1. mnmlist macrumors newbie

    Joined:
    Dec 12, 2011
    Location:
    Columbus, Ohio
    #1
    Link

    I need the expertise of some of you on here to be able to download the zoomed image located in the above link.

    Thanks in advance.
     
  2. simsaladimbamba

    Joined:
    Nov 28, 2010
    Location:
    located
    #2
    You could open the zoomed image in fullscreen and make a screenshot?
     
  3. jared_kipe macrumors 68030

    jared_kipe

    Joined:
    Dec 8, 2003
    Location:
    Seattle
    #3
  4. simsaladimbamba

    Joined:
    Nov 28, 2010
    Location:
    located
    #4
  5. jared_kipe macrumors 68030

    jared_kipe

    Joined:
    Dec 8, 2003
    Location:
    Seattle
    #5
    Yeah, I've never seen anything quite like it before either.

    In Safari, you can turn on the developer menu in the Preferences->Advanced.
    Then you can right click an item on the screen and hit inspect element. For things like an image you can click the url that is in the src and it will take you to the 'Resources' tab where you can see information about that image and a list of other images loaded.

    From there I saw the pieces that it used to stitch together an image and started experimenting with the query parameters until I got too big and it started saying invalid image size.
     
  6. simsaladimbamba

    Joined:
    Nov 28, 2010
    Location:
    located
    #6
    Thanks, that is ****ing nifty, I never used it to look for this.
     
  7. jared_kipe macrumors 68030

    jared_kipe

    Joined:
    Dec 8, 2003
    Location:
    Seattle
    #7
    Well allow me to blow your mind a little bit more ;)

    Not only can you right click on an element and "Inspect Element". Once you have the pane open, you can hover your mouse over DOM elements and Safari will highlight the hovered segment in blue and even give size calculations.

    Clicking on an element in the DOM will show the hierarchy of CSS rules that are applied to that element and which CSS files they came from. You can live toggle on and off rules, as well as live edit them. The selector rules will automatically apply to any element they should apply, so its easy to test styling on things like lists or paragraphs. You can also edit the just the one elements style, which is great for just testing things like putting a margin or border around a select element.

    Going over into the Console tab (or if the bar isn't up hitting command+option+c) here you can type, or paste in javascript and have it automatically run on the page. This is great for hand tuning some simple javascript like finding a form and copying its value or something. If the Javascript has return types, it can be very useful, like typing "document.forms" will display every form tag with little drop down triangles.

    You'll note that you can use any JS library loaded by the current document. Which is great, because usually jQuery is available to you. And if it isn't you can just create and append a new script element to load it from google.
     
  8. simsaladimbamba

    Joined:
    Nov 28, 2010
    Location:
    located
    #8
    And next time you are telling me, I can zoom and enhance. Yeah. ;)

    Thanks, that hovering element stuff (yeah, automotivated word search / thesaurus is deactivated currently) is helpful, but that other stuff, while I understand what it means, I don't understand what it means.
    I guess I will browse and inspect more now and see all the dirty code.

    Back in the days when I was writing HTML (1990s) it was really simple and one could see a clean code or a Frontpage code. Even Dreamweaver made some stuff I never understood. But since I stopped HTML before CSS and all that other stuff was released, I am a bit blind when it comes to that.

    Thanks again.
     
  9. waloshin macrumors 68040

    waloshin

    Joined:
    Oct 9, 2008
  10. jared_kipe macrumors 68030

    jared_kipe

    Joined:
    Dec 8, 2003
    Location:
    Seattle
    #10
    Umm no, but thanks for playing. He wanted the giant zoomed in version you get by pressing the Magnifying Glass and zooming in several times.
     
  11. Flood123, Mar 28, 2012
    Last edited: Mar 28, 2012

    Flood123 macrumors 6502a

    Flood123

    Joined:
    Mar 28, 2009
    Location:
    Living Stateside
  12. simsaladimbamba

    Joined:
    Nov 28, 2010
    Location:
    located
    #12
    Or you can even go bigger, cropped the white away though and got 1607 x 726 pixel out of it (compared to your 1152 x 530 pixel if it would be cropped):
    [​IMG]

    Anyway, the solution was already posted 13 days ago. Maybe some people are just blind?
     
  13. Flood123, Mar 28, 2012
    Last edited: Mar 28, 2012

    Flood123 macrumors 6502a

    Flood123

    Joined:
    Mar 28, 2009
    Location:
    Living Stateside
    #13
    Edited by user: Moral of the story, look before you leap. I should read ALL the above posts before posting.
     

Share This Page