Jump to content

Zoom to image coordinates?

Recommended Posts

Hi, I'd appreciate some help with what I'm trying to create as I don't even know what it's called to google it.

I'd like to make something with similar functionality to this: http://www.onlinecollegecourses.com/beneath-the-thinking-cap/#

I have both the graphics I need and can create slices from the graphics in photoshop, - is there a tool I can use to create this effect?



Share this post

Link to post
Share on other sites

I'm not sure why you would want to replicate that exact design. In my opinion it is pretty poor. 

If you want to show or hide content on click, your best is JQuery: 


Have a look at the documentation for this, you should be able to adapt this to fit your needs. You will need to put the target of the action as your graphic slices, then show/hide the respective information, depending on which is selected. 

JQuery has easing effects too, if you want to animate the transitions between content: 




Share this post

Link to post
Share on other sites

Thanks for the response, I agree the design is weak but I have my own design and the functionality is what I'm after. I was hoping for some software method of creating this where I could click where I want the image to move to and it would automatically generate the code - do you know if such a thing exists?


Share this post

Link to post
Share on other sites

No, I doubt there is software solution to this problem to be honest. 

I'd be happy to build it for you, for a reasonable price, wouldn't take me much longer than an hour I'd wager. But, we would need to discuss your exact requirements. Drop me a message if that's an option. 

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By L21
      Hello all,
      I am in need of a functional ecommerce website which has the ability to allow customers to sell their goods to me aswell as allowing them to purchase goods from me like a normal store.
      Shopify would have been an easy low cost route for me if I only needed the standard Store function, however I will now explain what I wish visitors to be able to do.
      Visitor wishes to trade in their item. They will search the sell page to find the product it is they wish to sell (electronics niche). They will see what price I offer for each grade model etc. If they are happy with the offer price, they will click add to cart. They will then checkout filling details in but instead of going to payment, they will enter the information for which they wish to be payed ie bank transfer (and third party payment providers). They will then click submit and a sell order is created just as it would if they were purchasing online.
      I am pretty sure Shopify will not be able to give this feature and it will most likely be custom.
      My store will only be small so Magenta sounds too much for what CMS I need.
      Woocommerce I think will allow this feature however I have no clue about website developement.
      Are there any freelance or even business on here who have the knowhow and are willing to carry out this work for me? Or is it simple enough to do myself?
      Thanks for reading guys+Gals, and I look forward to your replies and help!
    • By sash_oo7
      Hello friends
      I designed a business card for one of my client in photoshop
      with following specifications
      3.75in x2.25in
      color mode CMYK
      i downloaded a print template for business card from vistaprint ( check the attachment)
      now when i drag the psd file in vistaprint file its almost double the size (check attachments)
      When i check the image size of 2  in inches it shows same but in pixels the size  is double

      What am i missing ?

    • By Liza2D
      I need advice. How could I make this design more better?

    • By Piotr95J
      I want to start my own web design services. Unfortunately I don't have a portfolio. Without portfolio it's really hard to get clients. I know that is there a way to make a website for free. I can try that but need to know where I can get these clients. I don't have a website. Without portfolio it doesn't make sense to create one.
      I need advice from experienced web designers.
    • By marekander
      Hello, we at Casino Guru website are thinking about a rebuilding and redesigning of our identity and website. First of all, we'd like to take a look at other affiliate websites. Are there any designers that have some experience with affiliate website designs? Should we use some kind of "bloggy" style or we should stick with another method? Thanks for every advice and review of our existing website.
  • Recently Browsing

    No registered users viewing this page.

  • Member Statistics

    • Total Members
    • Most Online

    Newest Member
  • Forum Statistics

    • Total Topics
    • Total Posts