Geek Gallery Popup for vBadvanced Gallery or PhotoPost 4 or higher

IMPORTANT:
Please note that I can no longer support this project. Primarily as it is designed for vb3.0.x and I no longer use that version (im obviously on vb3.5x ). There is a version for vb3.5 over here . This project is left here for the community.
-----------------------


Inspired by mpdev's photopost popup modifcation.
I used photopost and had his modification installed. When I moved from photopost to vBadvanced Gallery, I needed the same type of hack - so here it is!

This lil doofer is designed to allow your users to open up a popup window while creating a post. The popup window will display all of the users images in thier gallery (vba or photopost) and allow them to click on an image to insert it into their post (inline). They can insert the image as a thumbnail, large image, or a clickable thumbnail that will open the large image in a seperate window. The real cool thing here is that all this works no matter which editor they are using.

You must have vBadvanced Gallery installed and working or PhotoPost 4 or higher duh.

Difficulty: Easy
File modifications: A few (only for phrases).
Time: About 5 minutes
Sign: Libra

Known issues:
Mozilla wysiwyg editor does not allow for html inserts which limits their options to thumbs or original pics only.

Change Log
v. 3 Update 20/2/05
Rewrote most of file to include support for PhotoPost. You can now set up your installation to use either vBadvanced Gallery or PhotoPost 4 or 5. This is determined by the settings in your geek-gallery-popup.php file. Special thanks goes to MPdev for helping sort out the PP integration.

v.2.01 update 11/2/05
fixed mozilla support

v.2 update 3/1/05

1. Added a couple more insertion methods
2. Tidied up UI big time
3. Auto sized popup window
4. Finished the phrasing (found a hard coded phrase)

v.1.1 updated 21/12/04

1. Added phrasegroup additions to newreply, newthread and private as phrases were not appearing there (easy edits).
2. Made the $mediaext easier to edit (types of images allowed in popup)
3. Fixed typo in template that always showed the Next button (took me ages to find the stupid thing)
4. Fixed Back phrase as it was overwritten during the install
5. Fixed problem where in non wysiwyg editor, the clickable thumb was screwing up

To upgrade: Follow instructions in the Readme

Make sure you click the freaking Install button. Otherwise you will run the risk of being skipped over in my Christmas Card Mail Out.

[The Geek]

oops. Thought I fixed that.

Edit your editor_smiliebox template and change:

PHP Code:

    <fieldset id="photobox" title="My Photos">
     <legend>$vbphrase[geek_gallery_my_pictures]</legend>
     <table cellpadding="4" cellspacing="0" border="0" align="center">
     <tr>
     <td class="smallfont" colspan="$vboptions[smcolumns]">[<a href="#" onclick="window.open('geek-gallery-popup.php','geekgallery','scrollbars=yes,resizable=yes,width=550,height=500'; return false" title="Pick">$vbphrase[geek_gallery_select]</a>]</td>
     </tr>
     </table>
    </fieldset> 


to:

PHP Code:

    <fieldset id="photobox" title="My Photos">
     <legend>$vbphrase[geek_gallery_my_pictures]</legend>
     <table cellpadding="4" cellspacing="0" border="0" align="center">
     <tr>
     <td class="smallfont" colspan="$vboptions[smcolumns]">[<a href="#" onclick="window.open('geek-gallery-popup.php','geekgallery','scrollbars=yes,resizable=yes,width=550,height=500'); return false" title="Pick">$vbphrase[geek_gallery_select]</a>]</td>
     </tr>
     </table>
    </fieldset> 


or just add the ')' after height=500'

Ill go update the readme. Sorry about that!

[SVTBlackLight01]

Saweeet!! It's workin' now.

Great work! Now I have to go play around with it.

[SVTBlackLight01]

How hard would it be to add another option to post the medium image from the gallery? Some of my full size images are HUGE

This may be especially useful for vBgallery users since there is currently no way to llimit the max full size dimensions.

[msimplay]

wow it finally works and i LOVE IT thank you The Geek

[tormodg]

I have one HUGE wish for this thing: the option to align an image left or right. This is rather useful when using an image in an article. Right now I have a custom BBcode that does it for me but it won't work on the images I insert since they are displayed right away in the editor...any way this can be fixed?

And by the way...where is the actual code you put in generated? Maybe I can figure out a way to do this myself.

A second wish would be to have the image embedded in a small table with one column, two rows, so that a caption can be added below. A bit hard with BBCode but a useful thing anyway.

[The Geek]

Originally Posted by SVTBlackLight01

How hard would it be to add another option to post the medium image from the gallery? Some of my full size images are HUGE

This may be especially useful for vBgallery users since there is currently no way to llimit the max full size dimensions.

GUess it wouldnt be too hard. I was going to do it but decided to focus on GAS3. Ill see what I can do (very busy right now though... so dont hold your breath!)

[The Geek]

Originally Posted by tormodg

I have one HUGE wish for this thing: the option to align an image left or right. This is rather useful when using an image in an article. Right now I have a custom BBcode that does it for me but it won't work on the images I insert since they are displayed right away in the editor...any way this can be fixed?

And by the way...where is the actual code you put in generated? Maybe I can figure out a way to do this myself.

A second wish would be to have the image embedded in a small table with one column, two rows, so that a caption can be added below. A bit hard with BBCode but a useful thing anyway.

The insertion code is in the template (geek-gallery-popup). The alignment thing is quite a handy idea to have - Generally I just highlight the image after insertion and then click the alignment button (centered usually).

As far as the table insertion :surprised: I think it would have to be done with a combination of BB code - otherwise the HTML will get stripped out.

[tormodg]

Geek, that's strange because for me the alignment buttons don't do a thing for me when it comes to images. I need to align the image so that the text flows on the side of it. Clicking the alignment buttons just doesn't seem to have an effect on images.

Do you have HTML enabled in your forums? Could it possible be a Firefox issue? Hm...sorry for bugging you about this.

[The Geek]

Got me. Seems to work in FF and IE for me (saying that, my FF is using a standard editor). I just highlight the image/text and click the alignment button. In all fairness I dont think that wraps text around the image. I seem to think that the [img] tags get wrapped in a DIV.

Oddly enough I was going to tell you to ask someone here but - er, it turns out to be you as It looks like you have images inline with your text!

I dont have html enabled. You may want to look at the code for your [img] tag.

HTH's

[tormodg]

I'll try to append a style class to the code you generate to at least make the images default to a left-alignment. That would be fine for me.

But I found a bug: in the geek-gallery-popup you are missing a closing ] after the first URL statement. So it comes out as [URL[IMG...etc.