Thumbnails Path, how to?

Tue, 03/18/2008 - 14:12

#2

wiktor

Joined: 16/07/2007

Posts: 1641

Re: Thumbnails Path, how to?

It is currently not possible to define different thumnails paths for each resource type without modifying CKFinder code.
You can modify the path where CKFinder should store it's thumbnails, but the subdirectories inside ("Files", "Images") are created automatically based on the resource type name.

Take a look at similar topic:
viewtopic.php?f=10&t=8743
It is relatively easy to force CKFinder to create custom thumbnails when file is uploaded.

We have created thumbnails to make selecting the correct image easier. It seems that you are trying to use auto-generated thumnbails on your page.
Am I right that you are using those thumbnails on your site and create links to enlarged images?

Any suggestions how we could make your life easier, apart from being able to configure thumbnails paths?

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Wed, 03/19/2008 - 00:19

#3

bazzzman

Joined: 18/03/2008

Posts: 4

Re: Thumbnails Path, how to?

FIle config.php (I use php):

$config['Thumbnails'] = Array(
      'url' => WWW_CACHE_IMG.'/_thumbs',
      'directory' => PATH_CACHE_IMG.'/_thumbs',
      'enabled' => true,
      'maxWidth' => 100,
      'maxHeight' => 100,
      'quality' => 80);

There WWW_CACHE_IMG & PATH_CACHE_IMG - const and differ from $baseUrl & $baseDir.

It works good for me. So I store user files on one folder & thumbnails in another

Wed, 03/19/2008 - 07:16

#4

robertor

Joined: 15/03/2008

Posts: 10

Re: Thumbnails Path, how to?

First things first, thank you wiktor for your reply.

I have figured out a way of doing images/thumbs, the problem is each time the page reloads it creates another subdir with the same content of the previus: images/thumbs/thumbs, and keeps adding new ones at each page refresh.

what I'm trying to do is using ckfinder to create a thumb and normal image to use in gallery type page, you see all thumbs, and when click on it, see the big image.

if the thumbnails are in a subdir of images directory, it´s easy to link to the bigger image, just modify the code of the page like this :

<a href="<?php echo "gallery/".$row_rs_img['img1']; ?>" <img src="<?php echo"gallery/thumb/".$row_rs_img['img1']; ?>

and in this way, I have only one field in Database, that work for two (thumbnails and bigger images).

How do I put the path of the Images in mysql table? like this:

I'm using after uploading the images to server, a button with a text field to set the path of the image (with a code I see on wiki or sourceforge, don't remember exactly where) that uses the File Browser of FCKeditor, like a pick "image path"

this is the code of javascript, save it as pick.js, if you want to test it :

var urlobj;
function BrowseServer(obj)
{
   urlobj = obj;
   
   OpenServerBrowser(
      '/some dir /admin/editor/filemanager/browser/default/browser.html?Type=Image&Connector=../../connectors/php/connector.php',

      screen.width * 0.5,
      screen.height * 0.5 ) ;
}
function OpenServerBrowser( url, width, height )
{
   var iLeft = (screen.width  - width) / 2 ;
   var iTop  = (screen.height - height) / 2 ;
   var sOptions = "toolbar=no,status=no,resizable=yes,dependent=yes" ;
   sOptions += ",width=" + width ;
   sOptions += ",height=" + height ;
   sOptions += ",left=" + iLeft ;
   sOptions += ",top=" + iTop ;
   var oWindow = window.open( url, "BrowseWindow", sOptions ) ;
}
function SetUrl( url, width, height, alt )
{
   document.getElementById(urlobj).value = url ;
   oWindow = null;
}

and in the page you want to put the "pick path", just put where you want this:

<input name="img" type="text" id="img" size="80" maxlength="100" /> <button type="button" onclick="BrowseServer('img');">...</button></td>

What would be good, really GREAT, was to use CKFinder instead of File Browser of FCKeditor, to click on a image and it puts the path of the selected image on text field.

Well I try to explain the whole "thing", hope I can make my self clear ... hope

Thank you

Wed, 03/19/2008 - 07:18

#5

robertor

Joined: 15/03/2008

Posts: 10

Re: Thumbnails Path, how to?

Thanks bazzzman ,

I'll give it a try, and will post the results here.

thank you

Wed, 03/19/2008 - 07:22

#6

robertor

Joined: 15/03/2008

Posts: 10

Re: Thumbnails Path, how to?

Almost forgot add this between the <head> and </head> of the page

<script language="JavaScript" src="pick.js" type="text/javascript"></script>

Wed, 03/19/2008 - 10:39

#7

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: Thumbnails Path, how to?

robertor wrote:
if the thumbnails are in a subdir of images directory, it´s easy to link to the bigger image, just modify the code of the page like this :
<a href="<?php echo "gallery/".$row_rs_img['img1']; ?>" <img src="<?php echo"gallery/thumb/".$row_rs_img['img1']; ?>
and in this way, I have only one field in Database, that work for two (thumbnails and bigger images).

But you can do the same with the default thumbs location, instead of gallery/thumb/ you just have to point to the current folder, something like thumb/gallery/ and you are done, no more problems and the expected behavior.

robertor wrote:
What would be good, really GREAT, was to use CKFinder instead of File Browser of FCKeditor, to click on a image and it puts the path of the selected image on text field.

Have you checked the 3 demos in http://www.ckfinder.com/demo ?

Thu, 03/20/2008 - 01:56

#8

robertor

Joined: 15/03/2008

Posts: 10

Re: Thumbnails Path, how to?

thanks alfonsoml for the reply,
but , :oops: , I didn't see it (http://www.ckfinder.com/demo) sorry, since when you dwl the application, it has a sample dir, I generely make my tests with them, this one (pick a file) it's not included.
Back to the example, but when you click, (on demo) and if you pick the mouse img, in Images, for example, in the text field you have:

/ckfinder/userfiles/images/Mouse.jpg

.
This is what will be record on database, and probalally the thumbs are in something like that:

/ckfinder/userfiles/thumbs/images/Mouse.jpg

.
To change the code in a page to point it there ? have to backwards one dir and foward two up dir's, when the path you have store in database is

/ckfinder/userfiles/images/Mouse.jpg

, it may be tricky, or unless I try to make a sub string on the path to eliminate the path and record only the name of the image? I believe that, in this way is far more easy to display, and link in a web page.
Lets see if it works ...
I'll give it a tray, then I post the results here
Thank you

PS: I'd like to know if someone else, is using somtehing similar to this to have a gallery page or have another ideias to have this done.

Thu, 03/20/2008 - 05:58

#9

robertor

Joined: 15/03/2008

Posts: 10

Re: Thumbnails Path, how to?

At last, have it as I want (almost) :lol: :lol: :lol: , the name of the image, since I can't figure out, how to make the sub string on the

insert path to database (haven't quit, yet, hehe) resolve for now the problem this way: on the recordset of the gallery page:
[code]
SELECT tbltest.id, sub str(tbltest.img,29,100) as img, img as imgfullpath
FROM tbltest
ORDER BY tbltest.id DESC
[/code]

(It´s not the fastest way to read the db, I know, but I need a solution for now) on the link that show the bigger image [code]<a hr ef="<?php echo $row_rs_img['imgfullpath']; ?>"[/code], for the thumb:
[code]<img src="<?php echo "/userfiles/Thumbnails/Images/".$row_rs_img['img']; ?>[/code]

If someone can point me to right direction on making a sub string on the [code]INSERT[/code], I would be very thankfull.[/code]

For all that post here a BIG THANKS,
For the crew at FCK, keep the good work.
Robert

Thu, 03/20/2008 - 18:11

#10

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: Thumbnails Path, how to?

I think that doing the string manipulation with SQL sentences is just too complex. I find it easier to trim the string in the server or even do a replace to change the path to the full image with the path to the thumb.

Fri, 03/21/2008 - 02:26

#11

robertor

Joined: 15/03/2008

Posts: 10

Re: Thumbnails Path, how to?

String manipulation on queries is very usefull, and you can cut a lot of programming time (and headache, too) i use it in almost every site that I do from a simple Promotion article, that you define the date when it begans and when its over without the need of human attention, to multilanguages sites that you can have two types of site language or 500 without having to make new pages for each one.

By the way, where can I put some code on ckfinder, for when I delete an image it deletes the entry on database or when I delete one recor, it erases the images?

If you have any idea, that I can work on a solution I would like to know.

Thank you

Wed, 03/26/2008 - 04:28

#12

robertor

Joined: 15/03/2008

Posts: 10

Re: Thumbnails Path, how to?

on Thu Mar 20, 2008 4:58 am, I wrote:

...sub string on the insert path to database...

well, goes like this, this is what i had:

$insertSQL = sprintf("INSERT INTO tblguine (type, daydate, img, txtimg, imgday, active) VALUES (%s, %s, %s, %s, %s, %s)",
                       GetSQLValueString($_POST['type'], "int"),
                       GetSQLValueString($_POST['daydate'], "date"),
                       GetSQLValueString($_POST['FilePath'], "text"),
                       GetSQLValueString($_POST['txtimg'], "text"),
                       GetSQLValueString($_POST['imgday'], "int"),
                       GetSQLValueString($_POST['active'], "int"));

now:

     $somename_var=explode("/", $_POST['FilePath']);
     $ii=1;
     while($somename_var[$ii])
     {
          $_POST['FilePath']=$somename_var[$ii];
          $ii++;
     }
$insertSQL = sprintf("INSERT INTO tblguine (type, daydate, img, txtimg, imgday, active) VALUES (%s, %s, %s, %s, %s, %s)",
                       GetSQLValueString($_POST['type'], "int"),
                       GetSQLValueString($_POST['daydate'], "date"),
                       GetSQLValueString($_POST['FilePath'], "text"),
                       GetSQLValueString($_POST['txtimg'], "text"),
                       GetSQLValueString($_POST['imgday'], "int"),
                       GetSQLValueString($_POST['active'], "int"));

and that's it!!
Instead of having: /userfiles/images/photo.jpg
in this way, I have in database only the name (that's what I want) of the image: " photo.jpg "
hope it can help someone, who need only the name of image too.

Wed, 03/26/2008 - 04:32

#13

robertor

Joined: 15/03/2008

Posts: 10

Re: Thumbnails Path, how to?

and when have a little more time, (since no one awswers to that one) , will do: erase the row in database, when I delete the image.

Wed, 03/26/2008 - 08:46

#14

wiktor

Joined: 16/07/2007

Posts: 1641

Re: Thumbnails Path, how to?

To get the filename from a path, you can use basename().

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Wed, 04/23/2008 - 20:46

#15

cptsternn

Joined: 23/04/2008

Posts: 3

Re: Thumbnails Path, how to?

robertor wrote:

this is the code of javascript, save it as pick.js, if you want to test it :

var urlobj;
function BrowseServer(obj)
{
   urlobj = obj;
   
   OpenServerBrowser(
      '/some dir /admin/editor/filemanager/browser/default/browser.html?Type=Image&Connector=../../connectors/php/connector.php',

      screen.width * 0.5,
      screen.height * 0.5 ) ;
}
function OpenServerBrowser( url, width, height )
{
   var iLeft = (screen.width  - width) / 2 ;
   var iTop  = (screen.height - height) / 2 ;
   var sOptions = "toolbar=no,status=no,resizable=yes,dependent=yes" ;
   sOptions += ",width=" + width ;
   sOptions += ",height=" + height ;
   sOptions += ",left=" + iLeft ;
   sOptions += ",top=" + iTop ;
   var oWindow = window.open( url, "BrowseWindow", sOptions ) ;
}
function SetUrl( url, width, height, alt )
{
   document.getElementById(urlobj).value = url ;
   oWindow = null;
}

and in the page you want to put the "pick path", just put where you want this:

<input name="img" type="text" id="img" size="80" maxlength="100" /> <button type="button" onclick="BrowseServer('img');">...</button></td>

Thats a nice script, however I too want to use CKFinder to do the same sort of thing. I found modifying the above code:

OpenServerBrowser(
      '/some dir /admin/editor/filemanager/browser/default/browser.html?Type=Image&Connector=../../connectors/php/connector.php',

To this:

   OpenServerBrowser(
      '/ckfinder/ckfinder.html?type=Images',

Does allow me to open up the interface and returns the proper results, however, double clicking on them has no effect and will not return the path to the form variable. Any ideas?

Thanks in advance!