Copyright by Propagator.net , Author: Joey Wong [Huang JunYan] Version: 1.0



3.3 SlideCrab tag attributes


SlideCrab tags for Smarty is {slidecrab}{/slidecrab}. They have some required attributes and optional attributes to enhance its function.

Let's go through them. Optional attributes' definition also can be define in configuration file.(Please see 2.1 Configuration)

Required Attributes

3.3.1 name :

Name of SlideCrab slide show. Each slide show should be named unique name in one page.


3.3.2 width:

Slide show width (unit: pixel) (see also: setSize() for non-template mode)


3.3.3 height:

Slide show height (unit: pixel) (see also: setSize() for non-template mode)


Optional Attributes
(Watermark and a parts of caption bar setting just for registered version).


3.3.4 CBheight

Caption bar's height (unit: pixel) (see also: setCaptionBar() for non-template mode)


3.3.5 CBcolor


Caption bar's background color (#RRGGBB) (see also: setCaptionBar() for non-template mode)


3.3.6 CBalpha

Caption bar's transparency. (0=invisible,1-99=transparency,100=solid).) . (see also: setCaptionBar() for non-template mode)


3.3.7 CBbottom

Caption bar's bottom position (unit:pixel). (see also: setCaptionBar() for non-template mode)


3.3.8 captionColor

Caption(alternate text) color (#RRGGBB) (see also: setCaptionBar() for non-template mode).


3.3.9 slideButton

Navigate button type and position. setting as following:

  • 0 - No navigate button
  • 1 - Individual image navigate button (upper left corner)
  • 2 - Individual image navigate button (upper right corner)
  • 3 - Individual image navigate button (lower left corner)
  • 4 - Individual image navigate button (lower right corner)
  • 5 - Previous/Next jump button (upper left corner)
  • 6 - Previous/Next jump button (upper right corner)
  • 7 - Previous/Next jump button (lower left corner)
  • 8 - Previous/Next jump button (lower right corner)

(see also: setSlideButton() for non-template mode).


3.3.10 slideEffect

Transition effects. for each images (0=OFF,1=ON) (see also: setSlide() for non-template mode).


3.3.11 slideSec

Slide show rotate time (unit: second) (see also: setSlide() for non-template mode).


3.3.12 WMurl

Watermark image URL. (see also: setWaterMark() for non-template mode).


3.3.13 WMalpha

Watermark's transparency. (0=invisible,1~99=transparency,100=solid). (see also: setWaterMark() for non-template mode).


3.3.14 WMtop

Watermark's upper left point position (unit:pixel). (For measure guide, please see Chapter 2.1 Configuration).
(see also: setWaterMark() for non-template mode).


3.3.15 WMleft

Watermark's upper left point position (unit:pixel).Watermark's upper left point position (unit:pixel).
(For measure guide, please see Chapter 2.1 Configuration).


3.3.15 WMleft

Watermark's upper left point position (unit:pixel).Watermark's upper left point position (unit:pixel).
(For measure guide, please see Chapter 2.1 Configuration).


3.3.16 buttonColor

Navigate button color.(#RRGGBB) (see also: setSlideButton() for non-template mode).


3.3.17 buttonHoverColor

Navigate button color when pass over with the mouse pointer. (#RRGGBB) (see also: setSlideButton() for non-template mode).


3.3.18 buttonSelectedColor

Navigate button color when the corresponding image is shown. (Just for Individual image navigate button).(#RRGGBB) (see also: setSlideButton() for non-template mode).


3.3.19 resize (Extended attribute for HTML img tag)

Resize the individual image size to fit in slideshow's size automatically. "resize" have to add it in <IMG> tag as an attribute. (0=Off,1=On).
(see also: addImage() for non-template mode).


3.3.20 imgBase

"Image Base" tells the SlideCrab to pretend that the current image is located at some URL other than where the SlideCrab found it.
This method enables encrypted protection against source hacker, this parameter will be transfered with 2-level encryption.So that you can hide your real image path with setImgBase.

(see also: setImgBase() for non-template mode).

 Example
  {slidecrab name="test" width="400" height="300" CBheight="25" CBcolor="#FFFFFF" CBalpha="60" CBbottom="5" captionColor="#FF0000" }
<a href="http://www.propagator.net"><img src="images/sample01.jpg" width="400" height="300" alt="01"></a><br>
<img src="images/sample02.jpg" width="400" height="300" alt="02"><br>
<img src="images/sample03.jpg" width="400" height="300" alt="03"><br>
<img src="images/sample04.jpg" width="400" height="300" alt="04" resize="1"><br/>
{/slidecrab}

Warning:
Tag attributes is case-sensitive.


<Prev
setWaterMark
Next>
SlideCrab's magic