Advanced image module for CuteNews (Page 1 of 18)

Ahh, one very tiny problem... Don't worry, it is a tiny one 

Everything works mint except when I insert a clickable thumb as it seems to miss a bit out of the inserted URL. Here, let me show you an example.

The correct URL to the image is: http://www.whatever.com/CuteNews/data/u … /image.jpg

However, this is what I get: http://www.whatever.com/data/upimages/image.jpg

Notice how the 'CuteNews' directory is missing? - Any ideas?

The code for the thumbnail image link that is inserted into either short/full story is:

[url=.]<img border="0" align="none" alt="" src="http://www.whatever.com/CuteNews/data/upimages/thumbs/image.jpg">[/url]

It needs to be:

[url=h]<img border="0" align="none" alt="" src="http://www.whatever.com/CuteNews/data/upimages/thumbs/image.jpg">[/url]

***EDIT***

P.S.
I have noticed that if I preview the news that I am posting from within the main CuteNews posting screen/page the link to the full picture works (as it looks like the seconf chunk of code I have pasted here). However, once I have published said news the link does as I said above and misses the 'CuteNews' directory out...

Please help 

Hey FI-DD, thank you for all your hard work here. This mod is simply fantastic 

Now, to get it so that I can choose <div align="left">, <div align="center">, or <div align="right"> from a button within short/full story hehe.

Thanks again.

P.S.
The attachments are from my 'images.mdu' file.

Well when I post images in my news they are aligned to the left all the time so I end up manually adding a <div align="center"> around the HTML for the images to keep everything looking nice.

Just thought it would be cool if you could choose to align to either left, center, or right when inserting the picture; or as per my thoughts, more simply have 3 new 'QuickTags' for each of the <div> tags. You get the idea 

To have buttons rather than text links replace the following chuncks of code.

Change this:

                <td height=16 width=15%>
                [url="][Insert image][/url]
                <td height=16 width=15%>
                [url="][Insert thumb][/url] 
                <td height=16 width=15%>
                [url="][Insert clickable thumb][/url]

To this:

                <td height=16 width=15%>
                <input type=button value=\"Insert Image\" onClick=\"javascript:insertimage('$file', '$path_big', '$empty_link', '$empty_link')\"> 
                <td height=16 width=15%>
                <input type=button value=\"Insert Thumb\" onClick=\"javascript:insertimage('$file', '$path_thumb', '$empty_link', '$empty_link')\"> 
                <td height=16 width=15%>
                <input type=button value=\"Clickable Thumb\" onClick=\"javascript:insertimage('$file', '$path_thumb', '$link1', '$link2')\"> 

I also changed your original CSS to match the one I have for my site too.

Change this (if you want to of course):

                        select, option, textarea, input {

                         BORDER: #808080 1px solid;

                         COLOR: #000000;

                         FONT-SIZE: 11px;

                         FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff

                        }

To this:

                        input, select, option {
                        BORDER-RIGHT: #808080 1px solid;
                        BORDER-TOP: #808080 1px solid;
                        BORDER-BOTTOM: #808080 1px solid;
                        BORDER-LEFT: #808080 1px solid;
                        COLOR: #000000;
                        FONT-SIZE: 9px;
                        FONT-FAMILY: Verdana; }

                        textarea {
                        BORDER-RIGHT: #808080 1px solid;
                        BORDER-TOP: #808080 1px solid;
                        BORDER-BOTTOM: #808080 1px solid;
                        BORDER-LEFT: #808080 1px solid;
                        COLOR: #000000;
                        FONT-SIZE: 11px;
                        FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff }

Just a thought here, but I have a php script that takes a directory of images and not only creates a thumb with the GDLib but also adds a rather nice drop shadow effect (using a number of user defined .png files) to the newly created thumbnail too. Maybe this could be a little upgrade for your mod 

I can supply all of the code needed to do this if you need it as to be honest you would have more luck than me adding it to your already supurb code 

Included are some pics of what it actually does. Image2.jpg was created by the script from Image1.jpg on the fly. The cool thing is that the thumbs are only created once too so no hogging of resources on future page visits etc... If that was not enough, the background colour can also be specified during creation too so that it will fit with your design.

P.S.
Yup thats me while Caving in the Peaks - Handsome young thing arnt I LOL 

It would be cool if the clickable thumb opened a pop up of the image in a window with the exact dimensions of the image. One of those javascript things. just a little suggestion. This is a great mod though! I really like it.

I just tried that out and i must say very nice! I have played with the GDLib thingo before and must say its a bit of a bum 2 use at times.

I noticed some stupid problems on window server.. that some thumbnails wouldnt show as the image only had admin read rights and stupid stuff like that.

nice addon
one thing.. trying to add multiple images will not work
use the wysiwyg editor. add one image ok, try to add another and the previous is replaced

I added the possibility to rename images and to open the images in a popup. Popups in the Cutenews image manager are nothing new. But I made it also for the page you are showing the images on, and I made it optional.

Creating thumbs with a dropshadow will be added shortly. 

Sorry, I don't have this bug neither in the original image module nor in my modified version.

Do you have the error in the demo?

https://cutephp.com/cutenews/demo/

Hi there FI-DD, I have a fine chunk of code to add a drop shadow to the created thumbs if you need it  also, the problem vanja seems to have sounds like that that I had... However, since you fixed how it inserts the code for CuteNews v1.3.6 (rather than CuteNews v1.4.1 with the BBCode editor) it has worked like a charm for me.

It is daft to think that I (and a load of other people) have wanted these features for so long that they have not been added to the new version of CuteNews.

Anyway, the code is there if you want it matey.

P.S.
The drop shadow colour can be changed to suit too so it will fit with your design  This is the reason I use 8 .png files for the drop shadow effect. Add to this, it does not need to be a drop shadow! - You could change the files to give you a nice picture frame effect or anything else you want.

I basically use 8 files to cover the topleft corner, top, topright corner, right, bottomright corner, bottom, bottomleft corner, and finally the left side of the thumbnail.

Thank you for your PM FI-DD, the code is just what I need. However, I think it would be a lot easier if I just edited the 'Quick-Tags' to include the <div=....> tag.

You know the one:

  
QuickTags   
   Insert Link  [link=URL]Text[/link]  
   Insert Image  [image=URL]  
   Instert Quote  [quote=Name]Text[/quote]  
   Insert List  [list][*]Text1[*]Text2[/list]  
   Bold Text  [b]Text[/b]  
   Italic Text  [i]Text[/i]  
   Underlined Text  [u]Text[/u]  
   Text Color  [color=COLOR]Text[/color]  
   Text Size  [size=SIZE]Text[/size]  
   Text Font  [font=FONT]Text[/font]  
   Text Align  [align=ALIGN]Text[/align]  

What file in CuteNews do I need to edit to either alter the default QuickTags or add my own?