1 Topic by dubster (edited by 2008-08-27 10:43:14)

  • dubster
  • Don't pet the sweaty things.
  • Offline
  • Registered: 2004-07-23
  • Posts: 1,004

Topic: [HACK] Advanced Image Module

Name: Clickable Thumbs
Author: MadMac
CuteNews Compatibility: 1.3.6 - * (no incompatibility reported yet)
Description: This is an easy solution for having clickable thumbs. A more advanced way can be found in the next post.
Popup-Images lets you upload 2 versions of images you want to include in your news, one full image & one thumbnail.
It then asks if you want to insert the image as a popup or standard image.
If you choose pop-up it inserts the code & thumbnail for you, so when a reader clicks the small image a larger one opens in a pop-up.
Demo: Click here for Download, Info and Test-Installation
Discussion Topic:
Instructions:
This hack written by MadMac - recoded for Cutenews 1.3.6 - August 2004

You have to modify some code in images.mdu (or replace the file with my version),
add some JavaScript to the page that includes your news, and upload one new file to your cutenews-directory.

Detailed instructions are on the page under the above link, and in the downloadable zip file.
Hope you like it...  https://cutephp.com/forum/style_emoticons/default/cool.gif
>>Download Page<<

2 Reply by FI-DD (edited by 2008-11-17 20:16:26)

  • Registered: 2005-02-25
  • Posts: 1,549

Re: [HACK] Advanced Image Module

Name: Advanced Image Module
Author: FI-DD
CuteNews Compatibility: 1.3.6 - * (no incompatibility reported yet)
Description: I modified the existing image module of cutenews 1.4.1 and 1.3.6.
It saves the original image and a resized thumbnail of the image in a different folder.
Features:
* Auto thumbnail creation on upload (for every image a thumbnail is created and saved in a certain folder)
* Possibility to set the width of the thumbnail
* Improved multiple upload fields - no buttons anymore (taken from CuteNews.RU)
* Small preview image next to each file in image manager
* Preview the thumb by a single click
* Preview the original image by a single click
* Insert the original image into news
* Insert the thumbnail into news
* Insert a clickable thumbnail into news (opens the original image in a new window/popup)
* Rename files (taken from CuteNews.RU)
* Open images in a popup - not only in CuteNews but also on your news page. (optional)
* Add a shadow to the thumbnails (optional)
* Thumbnail support for jpg and gif images
* vspace and hspace as image properties
* In image properties default value of the alt tag is the picture's name

Update Version 2.0:

* Supports subdirectories
* Supports cropping the thumbs (all thumbs have the same width and height)
* Supports moving images from one folder to another
* Supports pagination


Update Version 3.0:

* Watermark (text)
* Watermark (image)
* Create thumbs for already existing images.
* Fixed the image path bug (hopefully).


Update Version 4.0:

* Rounded corners


Insert image preview
http://img466.imageshack.us/img466/6469/insertimage6nf.th.jpg
Image manager preview
http://img117.imageshack.us/img117/7119/imagemanager9pi.th.jpg
Demo: the module (user/login: demo/demo) example blog with images.
Requirements: Your server needs the GD Library.
Discussion Topic: here
Instructions:
>>Download page<<