Magnific Popup Uncaught TypeError: Property 'getImage' of object [object Object] is not a function

Question

Here is my HTML:

<div id="gallery">
  <div id="39" class="box">
    <a href="http://assets.avery.localhost/listing/gallery/10_529cf170c433d.png" class="gallery-item">
      <img src="http://assets.avery.localhost/listing/gallery/10_529cf170c433d_thumb.png" alt="Gallery Image" class="gallery-image">
    </a>
  </div>
  <div id="40" class="box">
    <a href="http://assets.avery.localhost/listing/gallery/10_529cf1711a292.png" class="gallery-item">
      <img src="http://assets.avery.localhost/listing/gallery/10_529cf1711a292_thumb.png" alt="Gallery Image" class="gallery-image">
    </a>
  </div>
  <div id="41" class="box">
    <a href="http://assets.avery.localhost/listing/gallery/10_529cf1716b753.png" class="gallery-item">
      <img src="http://assets.avery.localhost/listing/gallery/10_529cf1716b753_thumb.png" alt="Gallery Image" class="gallery-image">
    </a>
  </div>
  <div id="42" class="box">
    <a href="http://assets.avery.localhost/listing/gallery/10_529cf171afe23.jpg" class="gallery-item">
      <img src="http://assets.avery.localhost/listing/gallery/10_529cf171afe23_thumb.jpg" alt="Gallery Image" class="gallery-image">
    </a>
  </div>
  <div id="43" class="box">
    <a href="http://assets.avery.localhost/listing/gallery/10_529cf171cbbd4.jpg" class="gallery-item">
      <img src="http://assets.avery.localhost/listing/gallery/10_529cf171cbbd4_thumb.jpg" alt="Gallery Image" class="gallery-image">
    </a>
  </div>
  <div id="44" class="box">
    <a href="http://assets.avery.localhost/listing/gallery/10_529cf171ecfee.png" class="gallery-item">
      <img src="http://assets.avery.localhost/listing/gallery/10_529cf171ecfee_thumb.png" alt="Gallery Image" class="gallery-image">
    </a>
  </div>
  <div id="45" class="box">
    <a href="http://assets.avery.localhost/listing/gallery/10_529cf17232d77.jpg" class="gallery-item">
      <img src="http://assets.avery.localhost/listing/gallery/10_529cf17232d77_thumb.jpg" alt="Gallery Image" class="gallery-image">
    </a>
  </div>
  <div id="46" class="box">
    <a href="http://assets.avery.localhost/listing/gallery/10_529cf1724fc13.jpg" class="gallery-item">
      <img src="http://assets.avery.localhost/listing/gallery/10_529cf1724fc13_thumb.jpg" alt="Gallery Image" class="gallery-image">
    </a>
  </div>
  <div id="47" class="box">
    <a href="http://assets.avery.localhost/listing/gallery/10_529cf1725ef94.jpg" class="gallery-item">
      <img src="http://assets.avery.localhost/listing/gallery/10_529cf1725ef94_thumb.jpg" alt="Gallery Image" class="gallery-image">
    </a>
  </div>
</div>

Then here is my jQuery for the magnific popup event:

$().ready(function () {
    $('#gallery').magnificPopup({
        type: 'image',
        delegate: '.box a',
        gallery: {
            enabled: true
        }
    });

Thanks for any help!

Hmm I'm just confused because when I put it in this: http://codepen.io/dimsemenov/pen/JGjHK

It loads perfectly fine...

Here's an example the creator of the plugin made : http://codepen.io/dimsemenov/pen/JGjHK — Peanut, Dec 03 '13 at 14:28

score 1 · Accepted Answer · answered Dec 03 '13 at 14:30

1

I think you are not including magnific plugin .

$(document).ready(function () {
    $('#gallery').magnificPopup({
        type: 'image',
        delegate: '.box a',
        gallery: {
            enabled: true
        }
    });
});

answered Dec 03 '13 at 14:30

Tushar Gupta - curioustushar

58,085
24
103
107

No I am : That's one line above the javascript that calls the function. And there is no 404 error. And when I click on it, it leads to the source file. – Peanut Dec 03 '13 at 14:44
Because it's giving me this error : Uncaught TypeError: Property 'getImage' of object [object Object] is not a function magnific-popup.js:3 It's saying there is an actual error in the source file for magnific-popup.js – Peanut Dec 03 '13 at 14:45
@Peanut can u make fiddle ? – Tushar Gupta - curioustushar Dec 03 '13 at 14:47
@Peanut check all your script links on your site . – Tushar Gupta - curioustushar Dec 03 '13 at 14:52
Nevermind you're right. I built it and forgot to include the image type... :/ – Peanut Dec 03 '13 at 14:54

Magnific Popup Uncaught TypeError: Property 'getImage' of object [object Object] is not a function

1 Answers1