Zoom in on the image (open it larger when you click)

Asked

Viewed 1,100 times

0

Wanted to zoom in on the image but have to open it bigger when clicking if you have how to do this?

Code:

        <div class="row">
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img src="compra1.png" alt="...">
      <div class="caption">
        <h3>Thumbnail label</h3>
        <p>...</p>
       <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#comprar">Comprar</button>
      </div>
    </div>
  </div>
javascript html

  • Here are examples for the zoom http://answall.com/questions/28670/plugin-que-aplica-zoom-quando-passar-mouse

  • I tried using Easyzoom but gave this error: http://prntscr.com/divtrw

  • This error is probably pq did not include the Easyzoom js file or used it before including.

  • I managed to get the mouse to work, but as that adds the function when clicking open a "popup"?

  • Here are examples, but you can search for other plugin that have the two features. http://stackoverflow.com/questions/25023199/bootstrap-open-image-in-modal

  • No popup type on the same page without opening another

  • The link I sent you have examples that open in modal on the same page. http://jsfiddle.net/6CR2H/1/

  • I copied all the code, put the script over when I click my page goes up

  • this happens when there is # in href="#". Try using href="javascript:void(0)"

  • 1

    has that very nice code https://jsfiddle.net/rboschini/y6q5a7ha/ from Rafael Boschini

  • I recommend using the Jquery Fancy Box

Show 6 more comments
No answers

Browser other questions tagged javascript html

You are not signed in. Login or sign up in order to post.