|
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. |