Photo Popup - Insert pictures easily from vB Albums, Photopost, vBGallery, Photoplog
 

What does it do?

When creating or editing a post, your users can open a popup window that will show them pictures in the chosen gallery or albums. Now also supports attachments: Reuse what you uploaded! A click on the picture inserts it into the editor.

Works with

• vBulletin 3.7.x and 3.8.x, vB Blog (probably anything that uses the vB editor)
• Photopost Pro
• Photopost vBGallery
• Photoplog
• CNG Garage

Detailed features list

• see second post

Installation

1. Extract the archive.
2. Upload the contents of folder "UPLOAD" to your forum root. Note how the folder structure in this folder mirrors the folder structure in your forum root, so every file will be in the right place.
3. a) If you intend to use only the vBulletin forums albums, proceed to step 4.
   b) If you intend to use any other gallery product, see "Product configuration" in second post.
4. Install the product.
5. a) If you are using Template Modification System (TMS), you're done.
   b) If not, do the template modifications explained in template_edits.txt manually.

Basic Configuration

• if you're using only vB albums, everything is done via AdminCP->Options->Photo-Popup
• Decide there how many rows and columns the popup table will have, what gallery products to use, which insert options you want to allow, activate code mode on a usergroup permission basis, or activate debug mode
• See "Product Configuration" in second post.

Upgrade

• Just reimport the product-xml-file, overwriting the old version, and reupload the photo-popup.php.
• Please check in config_file_versions.txt whether the config file for one of the products you use has been changed since last update.
• If the config file for one of your products has been updated, upload it from config files folder to your includes directory. Don't forget to take note of any any changes and settings in the old file and adapt the new one accordingly, if necessary.

Support and debugging

Ill help whenever I find the time. Before asking, please activate debug mode and post the information given there (especially under "Code". Please try the two links given - do they look "normal" and do they work? Debug information is only shown to Administrators (usergroup 6). Always state the products you use, including the software versions. Also read the infromation in the second post of this thread.


Hopes for the future
World peace, happiness, health and lot's of money :p


Version history

• Version 3.5
  • new: supports attachments
  • new config file for CND Garage > 2.x
• Version 3.4 / 3.4.1: Album dropdown not populated if using mysqli,Photopost not saving medium sized images, Fix for PHP 5.3.0 related bug (bugfixes)
• Version 3.3 new/updated config file vBGallery (bugfixes); session-handling fixed; workaround for vbseo problem with Firefox in WYSIWYG editor
  • Important: template edits have to be redone!In every manually done template edit find: photo_popup.php?e=$editorid and replace with photo_popup.php?$session[sessionurl]e=$editorid
• Version 3.2 new/updated product config file vBGallery (bugfixes), some additional error checking and error messages, debug information enhanced
• Version 3.1 new/updated product config files: cnd garage (thanks to wottech for cooperation), photoplog categories, photoplog albums, photoplog, vBGallery; some additional cookie error checking; error checking in AdminCP removed; bugfixes from this thread.
• Version 3.0 code reorganisation: implemeting of new galleries made easier by outsourcing of the relevant settings and database queries into seperate config files; new feature: support for vBGallery and Photoplog (lite?) added; minor bugfixes
• 3.0.1 Important bugfix if you are using vB albums: wrong database query in config file. To fix this, it's enough to reupload photo_popup_config_albums.
• 2.2 New feature: 2 plugins to show correct location and activity in "who's online". Bugfix: Bit of unphrased German removed from template (in pagenav dropdown). For upgrade from 2.1 just import product file, no uploads necessary.
• 2.1 New feature: Code mode. Lets you see the corresponding bb- or html-code instead of sending the image to the editor. If your browser allows that, the code is also copied to clipboard. Bugfix: Fixed a problem where pagination misbehaved when working with vB albums
• 2.0 New feature: Support for quickreply and quickedit!
• 1.4 New feature: Three new insert-options: thumbnail, medium and original image not linked themselves, but with a link to the gallery/album in the line below. This should be especially interesting for the users of the image resizer mod.
• 1.3 feature improvement/bugfix: default popup size is now determined before opening, not after (window.resize method causing issues in Firefox). Auto-close of the popup now using the YUI Event Listener; the needed library is already part of vB's standard distribution. New feature: title bar with "close this window"-link.
• 1.2 new feature: popup closes after editing is completed; smaller changes in Layout
• 1.1 new feature:set popup window size, to go with your table settings; minor bugfixes
  
• 1.0 Initial release

Development and bugfix releases for config files
If the need arises, there will be development or bugfix releases of config files between official releases of this mod. The zip file attached to this post will always be up to date. At the moment, there are no development/bugfix-releases.


Translations
Deutsche ?bersetzung bei vbulletin-germany.org.
Arabian translation, thanks to Subah.
Russian translation, thanks to nohuhu.


Screenshots
AdminCP, Photopost settings, Photo Popup in action, quickreply

Detailed features list

• works with vB's attachment system (finally reuse them!), the integreted album system and/or Photpost, vBGallery or Photoplog gallery software: decide which of them you want to use, or use them all.
• active in main editor, quickreply and quickedit
• 10 different options in what way to insert the images
• decide what options you want to offer: thumbnail with link to original image or album/gallery page, thumbnail or original image alone, thumbnail or original image with link to album/gallery below the image (plus, for Photopost, all of that for medium sized images, too - make sure you have set PP to save medium images, though).
• decide whether you want to let your users filter the images shown in the popup by albums
• has a code mode, where the images selected don't get inserted into the editor, but the respective code is shown in a codebox (and, if allowed by the browser, automatically copied to clipboard). Code mode can be enabled for certain usergroups only.
• four drop-down menus possible: show pictures from where? (albums or Photopost), show only pictures from a certain album/category, insert options (max. 10 different), code mode (no, html, bbcode). User sees only options that make sense (i.e.: if you allow only one option for inserting the images, the user will not see the corresponding drop-down menu). So if you want to, you can keep it absolutely simple with no menu at all, or have the full choice of options for your users.
• adds a blank after every inserted image (otherwise, if users insert several images in line there would be no line break, thus ultimately breaking your fixed style layout)
• stores the settings/filters the user uses in the popup in a cookie that stays valid for the session
• the script will detect whether editor is in wysiwyg or codeview-mode and act accordingly, so that in wysiwyg-mode the actual image will be visible
• the script will auto-close once the user saves his post
• supports gallery product installation in a different database than vB's
• Fully phrased

Product Configuration

It's quite straightforward, really. For most products you won't have to open the config files at all.

• ff you want to use a product other than vB albums and attachments (the config file for those is in the UPLOAD/includes folder and thus uploaded by default), you will find the corresponding file in the UPLOAD - product configurations folder, there in subfolder includes. All config files are named photo_popup_config_[name of product].

• You can check this list if there is anything that you want or have to do in the config file. All settings are explained in the config files in detail.
  There are mandatory settings only for Photopost Pro. For all other products, you can skip the rest of this point, if you want to. There may be some explanations how configuration works for your product, however.
  
  • All products: If applicable, you can override the global settings for medium images insertion and allow album selection. This means:
    • $medium_override: set this to TRUE if you want to offer medium insertion out of one product (so you enter them in AdminCP) but you want to deactivate it for this product. Only applicable if the product does save medium images. If not, the config file is set accordingly already. Useful if you have turned off medium image saving in Photopost Pro, for example.
    • album_override: set this to TRUE if you have activated the selection of albums in AdminCP, but want to deactivate it only for this product.
  • Photopost: For this product, there are several mandatory settings to be done:
    • $url_path: The URL to the directory where your gallery index page resides (starting with http://)
    • $data_dir: The URL to the directory where Photopost stores the uploaded images (default is subdirectory data in the gallery root
    • $db_prefix: The Prefix used in the Photopost database. Default is "pp_".
    • if you have a different database, you have to provide the settings for database name, host, user and password.
  • vBGallery:
    • Photo Popup determines whether your vBG is configured to run in safe mode environment. If this is the case, the folder structure in your data directory is different. The script will adapt accordingly.
      Example: data folder for user 1234. Safe mode on will result in a folder structure 1/2/3/4, while safe mode off will leave it at 1234.
    • VBGallery can be configured to save the original image files when uploading. If this is the case, Photo Popup will automatically link these original files to the insert options for "original" images. The image size used on vBG pages will be linked to "medium" options. If vBG does not safe original images, the size used on vBG pages will be linked to "original" and "medium" options will be deactivated.
  • Photoplog:
    • LITE: For use with the lite version, use the photo_popup_config_photoplog file
    • PRO: For use with the pro version, there are two different products (can be used simultaneously); shows categories or useralbums in albums-dropdown:
      • photo_popup_config_photoplog_categories
      • photo_popup_config_photoplog_useralbums
    • Saves the original images plus thumbnails in three sizes (small, medium, large), resulting in four different image sizes available. As this mod can handle only three, there's a choice:
      • $medium_swith: can be set to "medium" or "large". This affects the insertion of medium sized images in photo popup. If set to medium, it will pull Photoplog's medium sized images, if set to large the large ones.
  • CND Garage
    • There are two config files issued with this mod. Depending on the version you are using, you need to either
      • use the photo_popup_config.php file if you are running CND Garage 2.x
      • delete the existing photo_popup_config.php file and remove the ".old"-extension from photo_popup_config.php.old file if you are running an older version.

• Upload the config file(s) for all the product(s) you want to use into the includes folder of your forum root.

A note on vBGallery and Photoplog support

I have installed vBGallery and Photoplog only in a local testing environment. Please note that I can only give limited support for those add-ins.


A note on "conflicts" with other editor/quickreply/quickedit mods

Normally, there should be no fundamental conflict. The template edits for this mod do nothing but to add an additional button to the toolbar in quickreply and quickedit and a link to the main editor.
However, if other mods you have installed already induced template changes there, you might have to adapt the template changes accordingly. A good solution might be to melt the template changes for this mod into the template changes for the other. I'm afraid I'll not be able to help you there, since I do not have those mods installed. But ask away here or, perhaps even more promising, in the thread for the other mod, perhaps anyone else has.Please take note of this post here, too.
On principle, you should be able to add the link that opens the popup anywhere within the various editor-tamplates in any form you like - whether you put up text or the button in front of the link, doesn't really matter. What you essentially need is a link like this one somewhere within the editor:
If you don't want text, remove "$vbphrase[photo_popup_insert]" and replace it with the editor image "$vbphrase[photo_popup_insert]" - or anything else.


Credits

I like your idea, thank ;)

beautiful. works like a charm.

That's good to hear. What are you using it with? Photopost, I gather?

getting an error on popup

I have the photopost option turned off too!

Ah, you might just have discovered the first bug :)

I think I can reproduce this. Do you have "use vB" to yes. "use PP" to no, but then "use vB as standard" to no - effectively making PP the standard?

Of course, there should be a check against that, I'll fix that ASAP. for now, try setting "use vB as standard" to yes. You might have to restart your browser or delete the cookie [COOKIE_PREFIX]photo_popup (normally bbphoto_popup).


Edit:
Uploaded new zip-file. Just upload photo-popup.php again, that should fix it. Please tell me if it works out for you.

caught another bug, I went to overwrite the product file just in case you had modified that, and I got this error:

The updated php file worked.

Feature Requests: have the install edit the templates, and I would add an option to the admin panel which has a field which you can choose which styles NOT to insert it into. This mod pulls off this trick well.

Great mod, but I use VBGallery version of Photopost, and it does not work with it.

Fixed, thank you.

I might look into both, but either are not on top of my agenda. I use TMS for template modifying, and the template edit is quite simple to do manually. The latter could be done with template conditionals if needed.

No, I'm sorry. I don't use and don't own VBGallery, so I do not know the database structure and couldn't keep the mod up to date.

i receive a error
Database error in vBulletin 3.8.0:

Invalid SQL:

SELECT id, catname
FROM pp_categories
WHERE cattype = 'a' AND parent = 1
ORDER BY catname;

MySQL Error : Table 'Sql73584_3.pp_categories' doesn't exist
Error Number : 1146
Request Date : Tuesday, January 20th 2009 @ 02:36:51 PM
Error Date : Tuesday, January 20th 2009 @ 02:36:52 PM
Script : http://www.bobmarleymagazine.com/for...hoto_popup.php
Referrer : http://www.bobmarleymagazine.com/for...newthread&f=71

MySQL Version : 4.0.27-standard-log

very interesting, ill have to check this one out on my testboard this weekend :)

As long as you don't tell me how you have configured the mod, there's nothing I can do to help you. Which products do you use(vB albums, PP, both?), what is your setting for standard?

If you have configured for Photopost, is Photopost using the same database as vB or different? Are you sure your database settings are correct if the latter?

Do you use the latest version of this (Photo Popup, not the old one: PP-Popup) mod? Please redownload to make sure.

At second glance: This looks very much like a long fixed error I encountered in an early version of the predecessor of this mod: Am I right in gathering that you have set up for PP in different database than vB? That Sql73584_3 is the name of your PP-database? If so, you're definitely using an old version. Does your setting page in AdminCP look like the screenshot attached to mod description?

Hi there
Vb 3.8.0 and photopost 6.2
vbgallery 2.4.3
installed last version of PP
Sql73584_3 - this is the vb database the PP database is Sql73584_2 as the photopost config.php

What I was asking: What are your settings for the mod, and do you use the latest version of the mod? Latest version is 1.1. Please redownload the mod files, reupload the file and overwrite your installed product with the new version. Check your settings for the mod.

And: Please click install, or else there ill be no more support.

I'm using it on vb 3.8.0 and photopost 6.2 using separate databases. Works great and photos are now showing up.

One thing I'd like to request (if it's even possible) is to auto-close the popup when the post is initiated.

Wow, this is extremly sexy! Gonna install now. :)

Thanks! Great Mod.

Using it with both Albums and PhotoPost 6.x.

Well it seems not to work with the addon UserCP icons.

I also have TMS 1.5 installed but the addon doesn't change anything. :(

Love it, works great with one exception.

When the window is first called up, clicking one of the images does not do anything. If I select one of the other options in the Insert As menu, then it works fine. And thereafter when the window is called up, it works. Perhaps an issue with the cookie not being being set initially or something?

I am using it with Albums only.

Why do you think that? Please elaborate. After looking at that mod, I honestly do not see how there could possibly be any conflict. Even installed it on my testing board, both work together well there.

The other mod is only active in UserCP, and this one does nothing to your standard vB but adding a link to a template that's only called in the editor. All the rest is done in the popup window.

So you see no link to open the popup? If automatic template change does not work for you, you might want to try to do them manually. Instructions are in the zip.

That's good to hear!

Nice idea, looking into it.

Probably a cookie issue, yes. Investigating.

very nice :D

Version 1.2 uploaded

That's in now. It's done by ways of javascript - checks, whether the editor is still present on the opening page. Acts with a little bit of delay (5 secs) to allow for previewing (the editor is not present if page is reloaded).

Fixed that.

Layout change:
From now on, the album dropdown will by default be shown in a seperate line. Album titles may be very long, and thus cause some layout breaking. Sadly, there still is no way in IE to assign fixed widths to select-fields without cutting off the options...

Sorry, there was a typo in the new form code so the Phrase for your vB-Album could not be pulled in the dropdown. If you already downloaded 1.2, please download again and just reupload the photo_popup.php.

ok now it is ok i forgot to change true for different db

Just a short note: now it works like a charme. (upgraded to 1.2)

The mentioned addon uses its own template, so changes via TMS won't affect the standard style. I had to add the code manually (no problem at all).

One thing: Popups open in my tab bar in Firefox. Would you mind putting an option to switch "change window size when popping up?" on/off? This would be really appreciated.

Your addon rocks! Great Idea. My folks loved the idea and are desperately waiting to get their hands on it in the forum. Great job!

That took care of it. Thanks a lot!

I wish more mods supported TMS :up:

I want to thank you so much for this mod. It's installed on my site and working wonderfully. I really can't say thank you enough!

MOD CONFLICT?

Seems to work great with vb3.7x.... HOWEVER!

We have a major conflict with another photo mod I have installed.

The Image Resizer. Powered with Lytebox / Highslide / Lightview
https://vborg.vbsupport.ru/showthread.php?t=184571

This mod makes attached images or inline images resized. So the conflict is when I use your mod to insert a photo from my album or photopost that is a linked thumbnail there is only the thumbnail and the link to the album doest work. The other mod seems to steal the action to make a lightbox.

POSSIBLE BUG: Med images for photopost don't seem to work.

I wonder can this be fixed to remove conflicts between the two mods???

How to Edit Drop Menu?

Question: How can I change the drop down menu to say just:

Albums (instead of: Pictures & Albums)
Gallery (instead of: Photopost Gallery)

This mod looks awesome!!!

Many Thanks!

SOLVED: I edited the two phrases: pictures_and_albums and photo_popup_photopost
I renamed the drop menu listings there to fit my needs.

I have the same issue, although for the moment I dont allow linked images to circumvent the issue.

But I love the mod !!

Thanks

Hm, the way I understand the function of this mod, it does exactly what it was designed to do. I don't use it (I have a custom highslide implementation running that's hacked into the bbcode-system). But what those image-overlays do is basically: upon clicking on the image, they open it inside the overlay. They kind of take over the link that is around the image, if there is any. At least that is what my highslide does. There is no room for a link to another page there. As I understand it, you can't have both. Either have the overlay pop up, or take the user to the gallery or plain image. What happens depends on your config.
As the Image Resizer is designed to resize the original image (as far as I understand it), nothing will happen if you insert the thumbnail that is already very small. Nothing to resize there. If you use it, you should turn off all thumbnail and all linked options in the popup, so that images are inserted that are big enough to be resized and opened in the overlay.
Bottom line: The two mods should work together as designed (the popup does nothing else then inject img-code, as if you were typing it by hand or using the icon in the editor). But if you use the mod, there are options in the popup that make no sense, since you can't have both: a resized image with a zoom overlay and a link to the gallery.

I have solved this with highslide as follows: Since both albums and galleries have different looking links for the original image and the gallery, I have hacked the URL-BB-Code to look for the link-structure of the original. If it finds that, the Link is replaced and highslide overlay is triggered. If the link goes to the gallery, the link remains unchanged.

For me, they do. All three medium options work. Could you please elaborate on what exactly does not work? Do you have set the "Save and display medium and large images?" option in Photopost set to yes? If not, there are no medium images to display.
Otherwise, please set the popup to insert medium images (the setting that doesn't work) and post the content of the debug section under code. Before, please try the links in the debug section.

I have disabled this mod for the meantime. Hope cellarius will find a way about this conflict. :p

Did you read what I wrote in the posting just above yours? There is no conflict that I can see. As I interpret it, both mods do what they were designed for. You do not have to use linked insertions with the popup. Just offer unlinked insertions instead. If I get your issues wrong, please elaborate. At the moment I don't see a conflict, so I won't do anything about it.

Even so, I don't think there is anything I could do. You would have to take this issue to the author of the other mod. My mod inserts just plain bb-Code for images and links. If you insert the same by hand or with the editor, you would have exactly the same issues. There is nothing wrong with this mod.

I wonder, maybe if the thumbnails and designated images that 'normally' click to the galary or albums etc, but dont as a result of the Image Resizer mod, ...

Maybe if thismod allowed or allowed the option of a small 'click to see image' link, or 'click to view album' link, would be placed immediatly below the image.

This way the resizer will still be functional, as well as the clickability would also be available, for those that wish it to appear.

Just thinking outloud for solutions.

Nice mod. Added the code,

in the showthread_quickreply template, and though you see the link and it pops out and the pop-out box works perfectly, when I click on a thumb, it doesn't insert the code. It does just fine in the regular reply box. Any ideas? Sounds java script related. Would like this on the quick reply box too so the user doesn't always have to go advanced. Thanks, rg

quick bug question,...

I noticed on my install, when the popup shows, the paginator shows the number of pages required to list all the images within all of my vb album images, but each page number, when clicked on, shows ALL of the images, with the proper number of columns defined in acp, but with enough rows to show ALL the images in ALL gallaries.

When selecting an individual album, it does sort through and show the proper images, but still with no regard to the number of rows as defined in the acp settings.