EnlargeIt! (AJAX user interface for CPG 1.4.x)

[Timos-Welt]

What's this?
This plugin replaces the intermediate page with an AJAX gui that is widely configurable. EnlargeIt! turns the whole intermediate page into a Javascript pop up window. It provides one of the fastest possible ways to browse a picture gallery.

This plugin works fine with any graphical web browser (Firefox 1.5 and higher, IE 5.0 and higher, Opera 8 and higher, Safari 3 and higher, Konqueror 3.5 and higher, Google Chrome ...), so you won't lose any visitors because of compatibility issues. Users without a Javascript-capable browser or who have deactivated scripting in their browser can use the gallery as if EnlargeIt! wasn't there at all.

Features
* AJAX buttons for rating, picture info, favorites, comment, full size image, BBcode, eCard, download, histogram
* navigation and close buttons
* navigation with arrow keys or mouse wheel (mouse wheel only with Mozilla & IE)
* five different animation types
* chose animation speed and steps
* select border size, color and shadow
* centering and screen darkening (lightbox alike)
* enlarge to intermediate size or full size pics
* doesn't blow up your page size - only 21 Kbyte of javascript and 1 Kbyte of CSS is added
 Still too big for you? Go to http://enlargeit.timos-welt.de/english/11/building_blocks.php
 and generate your own smaller, personalized version of the Javascript files
* this plugin fully supports the SEF plugin
* support for flash files (SWF)
* support for playback of YouTube movies (needs additional modification, see file youtube_support_mod.txt for detailled instructions)
* support for playback of *.flv files - simply upload them to your CPG and they will play (filetype: *.flv)
* support for playback of *.divx files via DivX Web Player (http://labs.divx.com/WebPlayer) (filteype: *.divx)
* you can configure virtually everything on the config page - though it's not mandatory

Demo gallery
http://cpgdev.timos-welt.de/cpg1416/index.php?theme=water_drop

Note for users of plugins 'ImageFlow' and 'Slider'
New versions of these plugins are included in the ZIP file. Please make sure to update them before you install the EnlargeIt! plugin. The included versions of ImageFlow and Slider are full versions, meaning that it is not neccessary to install previous versions.

How to adapt the optics of the AJAX snippets to my skin?
Modify enl_styles.css to your needs.

Best practices

• The plugin won't crash, but it will display probably unwanted scroll bars if your picture size is too small. I recommend to use full size images or normal size images that are at least 600x400px or larger. If you use a lot of pic info data (e. g. EXIF data), pic size must be larger to avoid scroll bars.
• The more effect stuff you activate, the slower the animation will be on very old/slow computers. Turning off shadow, textured border and darkening will improve performance on these computers - it's up to you if you still like to be considerate of Pentium II and earlier...
• Drag&drop, meaning sorting the enlarged pictures on the screen, only makes sense if you don't use the darkening feature. If you do use it, the visitor can only enlarge one pic at a time - not much to sort IMO

Install
1. If you use them, uninstall the plugins ImageFlow and Slider and install the included versions.
2. Copy folder enlargeit to your plugins folder.
3. If you want to use the histogram button, make subfolder histcache writable, this usually means CHMOD to 755 or 777.
4. Install via plugin manager. Configure with new admin button EnlargeIt!
5. If you update from a previous version, make sure to always completely uninstall the old version before installing the new one, and empty your browser cache afterwards.

Uninstall
1. Uninstall via plugin manager.
2. If you want to make sure, that noone can upload DIVX or FLV files anymore,
  get Nibbler's file type plugin and remove *.flv and *.divx file types
  (http://forum.coppermine-gallery.net/index.php/topic,24186.msg111120.html)

If it doesn't work

• Check if the visitor has the right to access enlargeit.js (http://path.to.your.gallery/plugins/enlargeit/js/enlargeit.js) - the whole folder must be accessable via web by the visitors, because it contains the javascript and graphic files.
• If you use the SEF plugin, don't forget to switch the setting on the EnlargeIt! config page.
• If the current version of this plugin doesn't work for you, you can find older versions here.
• If you use a highly modded theme or a theme that doesn't provide valid HTML/XHTML, this plugin probably won't work. I can live with that, and you must!
• The histogram function requires PHP with GD2.

Credits
This plugin uses EnlargeIt! technology - http://enlargeit.timos-welt.de/
This plugin uses some icons from the free icon set 'Silk' - http://www.famfamfam.com/lab/icons/silk/
This plugin uses free FLV player by rphMedia - http://forum.coppermine-gallery.net/index.php/topic,43180.0.html
This plugin uses open source FLV player OSFLV - http://www.osflv.com/
Parts of this plugin are based on various MODs and plugins from the CPG forum by users Nibbler, Sami, rphMedia and others.
The included plugin 'ImageFlow' is based on the script by Finn Rudolph - http://imageflow.finnrudolph.de/
Please note: The author of the Imageflow javascript changed the license of his script with version 1.0, so you have to pay for commercial use now. The plugin included in this release is based on an older Imageflow version (0.9) that is absolutely free, so you may use it wherever you want. Look here for details.

Please don't send any PMs to me regarding this plugin; reply to this thread instead. Thanks!

regards  
Timo

-----
Changes from v2.14:

v2.15 (2009/04/05)
--------------------
- added e-card feature (new button)
- smaller page source code
- greatly improved display of scaled images in IE7 and IE8 if pic is bigger than browser window
- new setting on config page: shadow color (useful for dark themes)
- added download feature (new button)
- better button look in IE6 if white border is used
- new setting on config page: use hourglass mouse cursors
- it is not longer neccessary to copy anything to your gallery root
- histogram files are now cached in a plugin subfolder
- added slovak and czech language files (user contribution)

[Edit GauGau 2010-03-03]
This plugin has been added to the subversion repository: http://coppermine.svn.sourceforge.net/viewvc/coppermine/branches/cpg1.4.x/plugins/enlargeit

It has been updated as well to reflect the version checking routines in the plugin manager that are meant to make sure that galleries don't break because of plugins installed that aren't meant for that particular version of the gallery.

Download: https://sourceforge.net/projects/coppermine/files/Plugins/1.4.x/cpg1.4.x_plugin_enlargeit_v2.16.zip/download
[/Edit]

[Hein Traag]

Goodmorning Timos,

I took a quick look at your site. Really nice job with this new plugin. I'll get going on translating

Cheers
Hein

[Pascal YAP]

Timos,

AWoW 
Pure nice Job, again !
I'll try to translate it too, but in French...

PYAP

[Pascal YAP]

Hello Timos,

Here's my French language file.

Unfortunately, there're some issues with this files.... and i do'nt understand why. Maybe accentated characters !
I 'd tried first with UTF-8 encoded without success, and with é style ! again without success !
With my lang file there's no Title Bar, nor Border color... 
hmmm....

Other : What about Stats ? There's no count by Pix viewed !

(because i'm sick today, i have no hole in front of my eyes  )

PYAP

[Timos-Welt]

At the moment I am thinking of giving up this plug in, because I simply don't know enough about PHP, MySQL and Coppermine to complete it. It takes me forever to do certain things, especially constructing the AJAX snippets out of the complex CPG files.

Dear developers (you're one, too, arent you?): I ask for help.

As an example, to complete the rating system, I'd need a php file that generates something like this:

Code Select Expand


<table cellspacing="1" style="width:100%;height:100%">
        <tr>
                <td class="enl_infotablehead" align="center"><b>Rate this file </b><br /> (current rating : 4 / 5 with 2 votes)</td>
        </tr>
        <tr>
                <td class="enl_infotable" width="100%" align="center"><a href="javascript:;" title="Rubbish" rel="nofollow"><img onclick="enl_ajaxfollow(this);" name="enl_ratepic.php?pic=13&amp;rate=0&amp;enl_img=xxxx" src="images/rating0.gif" border="0" alt="Rubbish" /><br /></a></td>
        </tr>
... (same for better votes)
</table>


Something like this can't be done with a few preg_replace and str_replace out of $vote in displayimage.php, one has to know how coppermine internally builds certain things to get this done, and I simply don't have neither the knowledge nor the time.

The pic counting problem is easy to solve compared to this; regarding the french language file: It should be easy to make this work, too.

I don't think I can get this done alone.

[François Keller]

As an example, to complete the rating system, I'd need a php file that generates something like this:

Code Select Expand



<table cellspacing="1" style="width:100%;height:100%">
        <tr>
                <td class="enl_infotablehead" align="center"><b>Rate this file </b><br /> (current rating : 4 / 5 with 2 votes)</td>
        </tr>
        <tr>
                <td class="enl_infotable" width="100%" align="center"><a href="javascript:;" title="Rubbish" rel="nofollow"><img onclick="enl_ajaxfollow(this);" name="enl_ratepic.php?pic=13&amp;rate=0&amp;enl_img=xxxx" src="images/rating0.gif" border="0" alt="Rubbish" /><br /></a></td>
        </tr>
... (same for better votes)
</table>


do you want to insert this html code into a php file ?

[Timos-Welt]

No of course not.

I spent another long evening trying to understand what Coppermine does. Just released 0.6 including rating snippets and french language (thx Pascal).

[Pascal YAP]

Just released 0.6 including rating snippets and french language (thx Pascal).

ALERT Timos !
Remember, i have some issues with this file.... And i do'nt know why ! Be carrefull with this one 

PYAP

[François Keller]

I have a problem with your 0.6 version on my localhost:
install works good, but after validation fronf the config, my apache server crashes  :-\

[Timos-Welt]

Hi François,

a) do you use mod_php or php as cgi?
b) do you use the sef plugin?

Timo

[Timos-Welt]

ALERT Timos !
Remember, i have some issues with this file.... And i do'nt know why !
PYAP

I think I've fixed these problems. The only issue that's left is that some browsers don't display special characters or HTML entities correctly in their tooltips; therefore, I'd probably reduce the characters in tooltips to vanilla ASCII if possible. The reason why your file didn't work at all in 0.5 was that french people use the apostroph ' all the time, english and germans don't.

Timo

[François Keller]

Hi,

Hi François,

a) do you use mod_php or php as cgi?

I'm using WAMPSERVER and have no special feature

b) do you use the sef plugin?

No

[Timos-Welt]

I can reproduce this in Wampserver on my Vista VM; it crashes httpd.exe in php5ts.dll. I assume it's a bug in their implementation - no php script in the world should be able to crash a web server. Neither the log files nor the event log give any hint what's wrong.

Problemsignatur:
  Problemereignisname:   APPCRASH
  Anwendungsname:   httpd.exe
  Anwendungsversion:   2.2.8.0
  Anwendungszeitstempel:   47904924
  Fehlermodulname:   php5ts.dll
  Fehlermodulversion:   5.2.6.6
  Fehlermodulzeitstempel:   481b8f4b
  Ausnahmecode:   c00000fd
  Ausnahmeoffset:   000c99bc
  Betriebsystemversion:   6.0.6000.2.0.0.256.1
  Gebietsschema-ID:   1031
  Zusatzinformation 1:   3e95
  Zusatzinformation 2:   23e9ff67ae10058d49c12602b109974c
  Zusatzinformation 3:   05c5
  Zusatzinformation 4:   cb8b91e5b6e1e7d74b594a69657a6ad7

[Timos-Welt]

Just released v0.7.

* pic views are now counted for gallery statistics.
* added pic title and description to info snippet
* nicer rating snippet
* declared the plugin as beta

regards 
Timo

[Timos-Welt]

0.8 fixes two ugly bugs, plugin is stable again.

[François Keller]

hi,

looking for my problem, it seems that it's fixed if you comment or remove the "exit;" from the plugin_config.php code on line 77

is it normal that the plugin seems not working with the random image block ?

[Timos-Welt]

Yes of course, by that I want to force people to use Slider or ImageFlow for displaying random images. 

No it's not, thanks for the bug report.

[ronronmx]

Yes of course, by that I want to force people to use Slider or ImageFlow for displaying random images. 

No it's not, thanks for the bug report.

Hi Timos,
just install this plugin, and wow is it sweet! You did such a great job putting this together! Super easy install and works right out of the box....need i say more?

I do have one little request tho...I know that the WHOLE POINT of this plugin is to completely get rid of the intermediate image and page with the film strip...but I personally like the intermediate page, especially because of the comments users can post.
So, what i would like to do is link the "information" button icon to the intermediate page, instead of the image information. Which file do i need to change in order to do that? Is this something you would consider adding to your next version (eg: the option to choose where the information button icon takes you)?

Again, thx a bunch for such a great plugin!

Stephane

[Timos-Welt]

AJAX snippets for comment feature are on the to do list for this plugin.

[ronronmx]

AJAX snippets for comment feature are on the to do list for this plugin.

Well...i'm in heaven then! 
In the mean time, s it possible to change the info button link to point to the intermediate page?

Thx for your quick reply!
Stephane