NUCLEUSCMS...building.websites.blogs.w.nucleuscms

AUDIS NUCLEUS Techstuff pinkhouse ltooz

Translate

Latest Entries

« Nucleuscms...Userguide.   NP_GreyBox Plugin »

Oct
28
2009

Pictures in NucleusCMS

BackTo: MEDIA | Viewed: 777 times | print

Imagerotator (static) Most of the blogs or websites have tons of pictures displayed in different ways. I found a few ways to play with our pictures. The first one is to display a set of pictures everytime the page is loaded or clicked. This one is different from imagerotator from longtailvideo which changing the pictures set all the time, it looks nice in the first time, but after a while, it became annoying. First you need to download this rotate.php file, customize the file. Create a folder with pictures on your server and drop this file in that folder, it's easy. Find a place that you want to put these pictures to appear, and place this code. This is much easier than all the imagerotator plugins we tried from nucleus plugins.

<img src="http://ltooz.com/ltooz341/media/familyr/rotate.php" alt="Header" width="214" height="130" />

This should come out diplay below, in order to do this in tinymce, this code must be placed in html mode.

 


Header

Imagerotator (dynamic) Anyhow, if you want to have pictures rotated with transitions and looping forever, then go to longtailvideo.com to download all the files and place them in a folder. In this case, I placed them in the familr folder. To place them anywhere you want, sidebar, header... just place these codes.

<embed
  src="http://ltooz.com/ltooz341/media/familyr/imagerotator.swf"
  width="214"
  height="130"
allowscriptaccess="always"
  allowfullscreen="true"   
flashvars="file=http://ltooz.com/ltooz341/media/familyr/mylove.xml&transition=blocks"
/>

again with tinymce, click the html icon to place these codes, if not they won't work.


GREYBOX: We can you GreyBox to display a picture folder, we will use the same folder familyr for demo. The code to display all the pictures in the folder. In tinymce editor, we have to add @ in front of the code.

<%GreyBox(familyr(1)|familyr picture folder||imageset)%> . The familyr(1) will display only 1 caption=familyr picture folder, if we leave it out, there will be as many captions as many pictures displayed.

familyr picture folder display only 1 caption (it's caption because we disable the thumbnails, if your system can display the picture, enable it and it will display the 1st picture). There are 4 non-jpg files, you will see 4 blank pictures and they will keep trying to open, you have to skip forward to see the real pictures. Since the default directory in the setting was http://www.ltooz.com/ltooz341/media, our familr folder is in the media, therefore, we only need to place familyr after the "(" . If the folder is not relative to the default folder, we must use the full url = http://ltooz.com/ltooz341/media/familyr

If we just use <%GreyBox(familyr|familyr without(1)||imageset)%> without the (1), here is how it will display.

familyr without (1)

To display a  single picture in a folder

<%GreyBox(familyr/Reno07_s1.JPG|Reno07_s1||image)%> it will display like this Reno07_s1

To display a website like dot com or dot html we can use <%GreyBox(http://ltooz.com|ltooz||pagefs)%> and it will display like this (again with tinymce, we need to put @ in front of <%...) ltooz . It will not work with blogs items like <%GreyBox(http://www.ltooz.com/ltooz341/item/pictures-in-nucleuscms|pictureinncleus||pagefs)%> like this

@<%GreyBox(http://ltooz.com/ltooz341/item/pictures-in-nucleuscms|pictureinnucleus||pagefs)%> but it will display the main blog like this <%GreyBox(http://ltooz.com/ltooz341/|ltoozblog||pagefs)%>

ltoozblog without a problem.

BloginsideBlog this is <%GreyBox(http://www.ltooz.com/ltooz341/blog/love|BloginsideBlog||pagefs)%>

LIGHTBOX2 The animated popup screen for pictures LightBox2 is a very popular an pretty plugins. We like it, but we don't use it often because the lack of slideshow and webpage display. We do like the thumbnails and the animations. But for displaying picture galleries, we like to use jalbum much better, although it's not flexible in adding pictures or deleting them.

The codes are exactly the same as GreyBox, just replace the GreyBox with LightBox2 and we get the pictures display in lightbox2. The only thing is that LightBox2 doesn't display websites, only pictures.

<%LightBox2(staining/master34.jpg|lightbox||images)%> will display with a thumbnail like this and don't forget the @ in front of <%... if you use tinymce. This code is to display a specific picture in the folder.

<%LightBox2(staining(1)|lightbox||images)%> will display the first picture of the familyr folder but will display all pictures in that folder like this

If we don't put staining(1), we will get the thumbnails of every picture in the staining folder displayed like this

<%LightBox2(staining|lightbox2||images)%> (again with tinymce, we need to put the @ in front of <%...)



BackTo: MEDIA

« Nucleuscms...Userguide.   NP_GreyBox Plugin »

 



Your comments will be reviewed before published.