jQuery (mb)ImgNavigator 2.0 (New!)

31 Responses

1. 

   10 Easy jQuery Drag and Drop Plugins | jQuery4u May 19, 2013 at 6:06 am ·

   […] Source Demo […]

2. 

   Kinda of awesome May 6, 2010 at 7:31 pm · Reply →

   It doesn’t work, using Chrome.

   1. 

      Matteo Bicocchi May 6, 2010 at 8:23 pm ·

      on Chrome 5.0.375.29 beta Mac it’s working fine…
      Which is your problem?

3. 

   Jim Parker December 30, 2009 at 5:29 pm · Reply →

   It doesn’t work.

   1. 

      Matteo Bicocchi December 30, 2009 at 7:53 pm ·

      Hi Jim,
      In which browser did you test it?

4. 

   Peter Burgess October 17, 2009 at 4:34 pm · Reply →

   I’m trying to place my google map divisions inside an mb container – but the two are not playing well together.
   http://www.stjohnhistoricalsociety.org/Maps6.htm is without mb_c.
   http://www.stjohnhistoricalsociety.org/Maps9.htm is using mb_c.

   Comparing Maps6.htm with Maps9.htm finds at least 3 differences:
   1) the internals of “map navigator” windows differ;
   2) All the map placemarks do not appear within the mb_container
   3) Not all the map tiles appear within the mb_container
   4) The map zoom controls are messed up within the mb_container.

   ————
   Because of a an overlooked css file earlier today, I couldn’t get Maps9.htm to work at all on the webserver, just locally — so I made a (lousey)video to show you the differences:

   http://blip.tv/file/get/Sjhs-ProblemsPlacingGoogleMapDivsWithinAMb_container895.flv

   should be uploaded in 20 min

   1. 

      Peter Burgess October 17, 2009 at 4:55 pm ·

      The video link is http://blip.tv/file/2732904

   2. 

      Peter Burgess October 17, 2009 at 5:43 pm ·

      oddly, google maps api has a method called checkResize() which needs to be called whenever the map container size changes. So I changed the buildContainers code to be
      $(“.containerPlus”).buildContainers({
      containment:”document”,
      elementsPath:”Includes/mb.containerPlus.2.3.2/elements/”,
      onResize:function(o){mapResize();},
      onClose:function(o){},
      onCollapse:function(o){},
      onIconize:function(o){mapResize;},
      onDrag:function(o){mapResize;},
      onLoad:function(o){}
      });

      Much better behavior now.
      Did I get all the events?

      Also I should have posted this report on the mbContainer page – not on the mbImgNavigator page!

   3. 

      Matteo Bicocchi October 17, 2009 at 8:57 pm ·

      Hi Peter,
      you should set the mapResize() function to be call also for

      1	onRestore:function(o){});

      And you can remove it from onDrag event. (the correct sintax is the one you wrote on the onResize callback function: mapResize(); with parentesis).

      The starting problem (the container size once you restore it from iconized state) should be solved by giving a with and a height to the container; and maybe I would remove the grid parameter from the container so that when you drag it it’s more fluid. For the rest it’s working fine for me…
      Bye,
      Matteo

5. 

   Steve T August 25, 2009 at 2:45 pm · Reply →

   Great resources!

   Thanks…

   ST

6. 

   Ling August 4, 2009 at 10:42 am · Reply →

   Hi, thank you for the great plugin! I was looking for something like that for ages as my images are terribly large (eg. 18954px height)

   I’ve was implementing this plugin when I notice it wasn’t working well in IE.
   After digging into your code, and with your helpful console log comments, I figured out that you forgot to add the check for navCoordinates for image[0].
   Thus if navCoordinates are set, the initial load for image[0] will not define the navCoordinateX and Y.

   I’ve added:
   if ($(images[0]).attr(“NavCoordinates”)){
   navCoordinateX=$(images[0]).attr(“NavCoordinates”).split(“,”)[0];
   navCoordinateY=$(images[0]).attr(“NavCoordinates”).split(“,”)[1];
   }

   after
   var navWidth= $(images[0]).attr(“navWidth”)?$(this).attr(“navWidth”):imgNav.options.defaultnavWidth;//100;

   and it is working fine now.

   As again, thank you very much for the great plugin!

7. 

   » Simulating a Pan Image jQuery plugin Elzo Valugi August 2, 2009 at 12:22 pm ·

   […] the task of displaying a big image inside a controlled environment. I could have used a plugin like MbImgNavigator or ImageZoom. I implemented both but I wasn’t particularly satisfied with […]

8. 

   Best Collection of Useful jQuery plugins. | guidesigner.net July 27, 2009 at 4:53 am ·

   […] (mb)ImgNavigator 2.0 […]