jquery mb.maskedGallery

maskedgallery

Slide your images into a mask!

Build your own png mask and choose your images to slide inside!

v. 1.9.2

What’s new in 1.9.2:

  • added description of each image
Comments
14 Responses to “jquery mb.maskedGallery”
  1. Ipsum Dolar says:

    Nicely done, especially the containers. A clean site as well. It’s inspirational.

  2. iwans says:

    Wow… Amazing

  3. Carbonara says:

    This is great, thanks.

    Remember you have to close the image tags though so the above example HTML isn’t valid in it’s current state.

  4. nice

  5. hatters says:

    great plugin. Is there any way to center the images that are masked. I’m using images that are a little larger than the mask and they default to top left in the mask cutting off the bottom right. If they could be centered within the mask that would make this a perfect plugin for image galleries!

  6. Zacharias says:

    Thank you!,Sabastian

  7. Ricardo says:

    Hi, very nice plugin, but i like to know if you have a method to implement a caption for the images, without it the plugin is not useful for me, also wish to ask you how i can implement your masking technique in to any html div or tag???

    Thank you very much for your cool work.

    • Hi Ricardo,
      get the latest update with caption for each image.
      http://pupunzi.open-lab.com/mb-jquery-components/mb-maskedgallery

      To implement this mask technique you should set position “relative” to your element and append to it a DIV with an “absolute” position top 0 left 0 with your png as background; then work with dimension and overflow.
      Bye,
      Matteo

  8. anggiaj says:

    Just great…

  9. magic says:

    Its not working IE^

    • Hi magic,
      As I can see from my tests it’s working fine on both IE7 and 8;
      it can’t work on IE6 due to the fact it doesn’t support png format, but I really don’t care about IE6, sorry.
      Bye,
      Matteo

  10. Pablo says:

    Hi! I want your help, because I’m a rookie in this kind of things, and I wanted to know how can I use my own mask. A different mask than, for example the monitor mask. It has to be a .png image, I know but what else do I have to know to use another one?
    Thanks for the Help.
    Bye!!!

    • Hi Pablo,
      Nothing else, just another .png with your alpha mask and set the galleryMask parameter with the path of your new image. that’s all.
      Bye,
      matteo

  11. Lorenzo Peña says:

    Is there a way to avoid the GET calls and cached the images somehow? If the connection get lost for a moment, a JS error message will pop up.
    The plug-in is great, but I am dealing with that issue only.

    Thanks in advance.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>