• 0
Sign in to follow this  
Followers 0

Image zoom


Question

Posted · Report post

Is there a way to add a zoom feature to images on a page? Maybe a plugin?

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

Hi abuzzelli

You donĀ“t need a plugin

 

I make this for you

http://help-mac.com.ar/prueba-imagen/

 

You can write a HTML like

<div class="grow pic"><img alt="beach" src="http://help-mac.com.ar/wp-content/uploads/2013/10/Reflojo-Glaciar-copia2.jpg" /></div>

 

 

and then add this CSS

 

/*GROW*/
.grow img {
  height: 700px;
  width: 300px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}
 
.grow img:hover {
  width: 1400px;
  height: 600px;}
 
:geek:
 
You have examples in

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Let us know if the above solution works for you :-)

 

Thank you Batman

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks batman! I appreciate the help. Only problem is it needs to happen automatically because my client needs to be able to add in photos herself without coding.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there, I don't think you'd be able to do that without the client having to amend the class or by adding a more complex filter into a child themes function.php.

 

It might be easier to use a plugin if you want it to be sitewide without the client having to edit anything etc, something like http://wordpress.org/plugins/zoom-image/ maybe?

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
Sign in to follow this  
Followers 0