WordPress.org

1. Rhand
   Member
   Posted 3 years ago #

   I installed the multibox plugin so I can use their javascript for the image pop-ups of my NextGen Gallery generated portfolio. It indicated in can work together with NextGen Gallery by choosing custom script under effects. I did and added class"wpm" I do get a start up of the pop-up generated by multibox.js or two of the other scripts installed with the multibox plugin, but it is way too big and empty :-( What am I doing wrong here?

2. Rhand
   Member
   Posted 3 years ago #

   Anybody else on the forum found a solution yet?

3. Rhand
   Member
   Posted 3 years ago #

   This is the code I added in the link code line: class="wmp" rel="gallery[%GALLERY_NAME%]" after I chose custom Javascript Thumbnail effect. This makes a multibox pop-up appear and expand beyond the screen's size. The pop-up shows the loading gif file, but no image afterwards..

4. Rhand
   Member
   Posted 3 years ago #

   I think the script works, but that the styling you can add in the multibox plugin is ignored. I can see the class and gallery name in the source code on the page, I see a pop-up, but the pop-up outgrows the window and does not load the image.

5. Rhand
   Member
   Posted 3 years ago #

   This is the code generated by the multibox plugin used as effect for NextGen Gallery:

   <div class="MultiBoxContainer" style="visibility: visible; opacity: 1; display: block; width: 2272px; height: 1704px; top: 0px; left: 0px;"><iframe scrolling="no" frameborder="1" id="multiBoxIframe" name="mulitBoxIframe" src="javascript:void(0);" style="position: absolute; top: -20px; left: -20px; width: 115%; height: 115%; visibility: hidden; opacity: 0;"/><div class="MultiBoxContent MultiBoxLoading"/><div class="MultiBoxClose"/><div class="MultiBoxControlsContainer" id="MultiBoxControlsContainer" style="height: 0px;"><div class="MultiBoxControls"><div class="MultiBoxPrevious"/><div class="MultiBoxNext"/><div class="MultiBoxTitle"/><div class="MultiBoxNumber"/><div class="MultiBoxDescription"/><div style="clear: both;"/></div></div></div>
   As you can see the block is way too big.

6. Rhand
   Member
   Posted 3 years ago #

   Maybe I have to adjust the multibox.js? I am looking at this piece of code: `this.container = new Element('div').addClass('MultiBoxContainer').inject(this.options.container,'inside');
   this.iframe = new Element('iframe').setProperties({
   'id': 'multiBoxIframe',
   'name': 'mulitBoxIframe',
   'src': 'javascript:void(0);',
   'frameborder': 1,
   'scrolling': 'no'
   }).setStyles({
   'position': 'absolute',
   'top': -20,
   'left': -20,
   'width': '115%',
   'height': '115%',
   'filter': 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)',
   'opacity': 0
   }).injectInside(this.container);`

7. Rhand
   Member
   Posted 3 years ago #

   Here is a link for people who want to have a look: test site

8. Rhand
   Member
   Posted 3 years ago #

   Bump

9. Rhand
   Member
   Posted 3 years ago #

   I added: div.MultiBoxContainer{width:500px !important; height:300px !important;} To overrule the inline stylesheet somehow created by the javascript. But now the loading of the image still takes a long time. And I have not found a convenient way to centre the pop-out yet either.

10. Rhand
    Member
    Posted 3 years ago #

    The stylesheet from the javascript is still loaded. I think that's why the loading of the image is taking forever. And I cannot click the pop-up window away either. See link: http://lab.imagewize.net/doede/portfolio/

Topic Closed

This topic has been closed to new replies.