Cotonti / Open Source PHP Content Management FrameworkContent Management Framework

Extensions / Files & Media / Slimbox + ImageScaling

JS Inpage Preview of images, or gallery of images, along with image scaling support

1. Version

1.2
 

2. Description

The Slimbox plugin, which is essentially just a Lightbox Clone, will allow images to be previewed inpage without the need to open a new window/tab. Multiple images in an element are also automatically linked to form a gallery(ex. multiple images in a post).
Image Scaling provides you the ability to have images scaled so they do not overflow or break borders.
 

3. Features

  • Auto-Finding images, no need for rel/class/id tags.
  • Auto-Installed Modified BBcode, to work with this.
  • Single, or Gallery Viewing(for images in same element)
  • Image Scaling can work on any image, it just needs class="scale" (images have this by default)
  • Utilizes Tag system
  • Allows for PHP, SQL, HTML, CSS, JS syntax highlighting(via Chili) by default

4. License

BSD
 

5. Update

7-31-10

  • Fixed regression in jScaling code of my fix that prevented upscaling

12-7-09

  • Updated JS files

5-20-09

  • Fixed bug with uninstall.

8-19-09

  • Fixed sql bbcode bug with new cotonti versions.
  • If no changes to img tag has been made it will properly change the bbcode when installing and uninstalling
  • Otherwise you need to update them yourself, if you want scaling add class="scale" on the image tag, to properly get both popus both need to be clickable links<a><img></a> (for short example)

6. Demo

http://www.kilandor.com/downloads/cotonti/plugins/slimbox



1. dervan  2009-03-07 05:17

i test Slimbox at this post with 1024x768 screen resolution

browsers:
IE6, Firefox 3, Opera 9

results:
it's impossible to scroll Slimbox window left and right, hence it's impossible to close Slimbox window with mouse (window can be closed with keyboard only)

2. Kilandor  2009-03-07 21:00

I'll try to find a fix for this thanks, you can scroll it but its weird, it keeps centering it.

3. Boss  2009-03-13 11:53

well be added to the substitution of descriptions for images from PFS.

4. Killer  2009-05-20 12:25

I can not remove. I press to remove, and he writes to me

Fatal error: SQL error: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ';: \? \[] +\. (?:jpg|jpeg|gif|png)) \[/img \] ', ` bbc_replacement ` = '

How to remove?[/]

5. Kilandor  2009-05-20 17:50

Re-download it and extract it, I've fixed it now.

6. Ratibor  2009-09-01 13:07

return (this == el) || (this.parentNode && (this.parentNode == el.parentNode));

This code not valid

7. Kort  2009-12-08 18:44

picture box not opened smoothly (at least demo site: version 1 of 2009-mar-4 works fine). problem reported by dervan still persists!

8. dexe  2009-12-11 20:33

Excellent, thanks.

9. booka  2009-12-15 20:56

looks like it doesn't work under mac os x and safari 4.0.4

10. HarryRag  2009-12-16 10:39

Just tested it, and it also resizes the images of the signatures in the forums.
Can't have that on a gaming site where are lots of pics in the signature field in the forums, messes everything up, even 40x40 pics get resized to the settings in the config part of the plug.

11. Kilandor  2010-07-31 14:13

I've fixed a regression thats long over due, I apparently when updating the file forgot to re-implement my upscaling fix.

The other issue is with slimbox I haven't checked for updates for it in a while

To prevent scaling in signature open slimbox.header.php
Find

$scale_init = '$(".scale").jScale({'.$scale_info.'})';
Replace with
$scale_init = '$(".scale").not("div.signature img").jScale({'.$scale_info.'})';

Your signatures must have a class of "signature" to prevent upscaling

Total: 11, on page: 11

Adding comments has been disabled for this item