It is currently April 30th, 2024, 8:54 am

Sliced image display with ImageCrop

Tips and Tricks from the Rainmeter Community
User avatar
kenz0
Developer
Posts: 263
Joined: July 31st, 2009, 2:23 pm
Location: Tokyo, JPN

Sliced image display with ImageCrop

Post by kenz0 »

Hi everyone.
Now, I'd like to show you the example of cool image display using ImageCrop.

ImageCrop is the new feature that crop the specific part of the image, and it is available on version 1.4.

* Required latest 1.4 beta or higher

This is the example that slices the specified image to 5x5 individual images as follows.

Image

Code: Select all

[Variables]
ImageName=lady-gaga-02.jpg
ImageWidth=1024
ImageHeight=768
SliceBorder=6

; Calc block =================

[W]
Measure=Calc
Formula=ROUND(#ImageWidth#/5-#SliceBorder#)

[H]
Measure=Calc
Formula=ROUND(#ImageHeight#/5-#SliceBorder#)

[X1]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*0

[X2]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*1

[X3]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*2

[X4]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*3

[X5]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*4

[Y1]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*0

[Y2]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*1

[Y3]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*2

[Y4]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*3

[Y5]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*4

; Style ================================

[StyleImage]
ImageName=#ImageName#
X=(#ImageWidth#/5)r
Y=0r
W=[W]
H=[H]
DynamicVariables=1

; Meter ================================

[MeterImage1/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=0
ImageCrop=[X1],[Y1],[W],[H]

[MeterImage1/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y1],[W],[H]

[MeterImage1/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y1],[W],[H]

[MeterImage1/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y1],[W],[H]

[MeterImage1/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y1],[W],[H]

[MeterImage2/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=(#ImageHeight#/5)r
ImageCrop=[X1],[Y2],[W],[H]

[MeterImage2/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y2],[W],[H]

[MeterImage2/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y2],[W],[H]

[MeterImage2/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y2],[W],[H]

[MeterImage2/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y2],[W],[H]

[MeterImage3/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=(#ImageHeight#/5)r
ImageCrop=[X1],[Y3],[W],[H]

[MeterImage3/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y3],[W],[H]

[MeterImage3/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y3],[W],[H]

[MeterImage3/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y3],[W],[H]

[MeterImage3/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y3],[W],[H]

[MeterImage4/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=(#ImageHeight#/5)r
ImageCrop=[X1],[Y4],[W],[H]

[MeterImage4/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y4],[W],[H]

[MeterImage4/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y4],[W],[H]

[MeterImage4/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y4],[W],[H]

[MeterImage4/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y4],[W],[H]

[MeterImage5/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=(#ImageHeight#/5)r
ImageCrop=[X1],[Y5],[W],[H]

[MeterImage5/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y5],[W],[H]

[MeterImage5/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y5],[W],[H]

[MeterImage5/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y5],[W],[H]

[MeterImage5/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y5],[W],[H]
The size of each image meter is automatically set the value by calculation, so you only have to set 4 variables.
  • ImageName: path of source image
  • ImageWidth: original width of source image
  • ImageHeight: original height of source image
  • SliceBorder: border width/height
________________________________

Additional Tips:
The sliced image is a separate image meter, so you can edit it individually with ImageTint, ImageFlip, ImageRotate, ColorMatrix....etc.
For example, I try modifying color with ColorMatrix like this.

Image

Code: Select all

[Variables]
ImageName=lady-gaga-02.jpg
ImageWidth=1024
ImageHeight=768
SliceBorder=6

; Calc block =================

[W]
Measure=Calc
Formula=ROUND(#ImageWidth#/5-#SliceBorder#)

[H]
Measure=Calc
Formula=ROUND(#ImageHeight#/5-#SliceBorder#)

[X1]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*0

[X2]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*1

[X3]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*2

[X4]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*3

[X5]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*4

[Y1]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*0

[Y2]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*1

[Y3]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*2

[Y4]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*3

[Y5]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*4

; Style ================================

[StyleImage]
ImageName=#ImageName#
X=(#ImageWidth#/5)r
Y=0r
W=[W]
H=[H]
DynamicVariables=1

[StyleColor1]
ColorMatrix1=1;0;1;0;0
ColorMatrix2=0;1;0;0;0
ColorMatrix3=0;0;0;0;0

[StyleColor2]
ColorMatrix1=1;1;0;0;0
ColorMatrix2=0;0;0;0;0
ColorMatrix3=0;0;1;0;0

[StyleColor3]
ColorMatrix1=0;1;0;0;0
ColorMatrix2=1;0;1;0;0
ColorMatrix3=1;0;0;0;0

[StyleColor4]
ColorMatrix1=1;0;1;0;0
ColorMatrix2=0;0;0;0;0
ColorMatrix3=0;1;0;0;0

[StyleColor5]
ColorMatrix1=0;1;0;0;0
ColorMatrix2=0;0;0;0;0
ColorMatrix3=1;0;1;0;0

; Meter ================================

[MeterImage1/1]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor1
X=0
Y=0
ImageCrop=[X1],[Y1],[W],[H]

[MeterImage1/2]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor2
ImageCrop=[X2],[Y1],[W],[H]

[MeterImage1/3]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor3
ImageCrop=[X3],[Y1],[W],[H]

[MeterImage1/4]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor4
ImageCrop=[X4],[Y1],[W],[H]

[MeterImage1/5]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor5
ImageCrop=[X5],[Y1],[W],[H]

[MeterImage2/1]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor1
X=0
Y=(#ImageHeight#/5)r
ImageCrop=[X1],[Y2],[W],[H]

[MeterImage2/2]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor2
ImageCrop=[X2],[Y2],[W],[H]

[MeterImage2/3]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor3
ImageCrop=[X3],[Y2],[W],[H]

[MeterImage2/4]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor4
ImageCrop=[X4],[Y2],[W],[H]

[MeterImage2/5]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor5
ImageCrop=[X5],[Y2],[W],[H]

[MeterImage3/1]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor1
X=0
Y=(#ImageHeight#/5)r
ImageCrop=[X1],[Y3],[W],[H]

[MeterImage3/2]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor2
ImageCrop=[X2],[Y3],[W],[H]

[MeterImage3/3]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor3
ImageCrop=[X3],[Y3],[W],[H]

[MeterImage3/4]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor4
ImageCrop=[X4],[Y3],[W],[H]

[MeterImage3/5]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor5
ImageCrop=[X5],[Y3],[W],[H]

[MeterImage4/1]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor1
X=0
Y=(#ImageHeight#/5)r
ImageCrop=[X1],[Y4],[W],[H]

[MeterImage4/2]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor2
ImageCrop=[X2],[Y4],[W],[H]

[MeterImage4/3]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor3
ImageCrop=[X3],[Y4],[W],[H]

[MeterImage4/4]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor4
ImageCrop=[X4],[Y4],[W],[H]

[MeterImage4/5]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor5
ImageCrop=[X5],[Y4],[W],[H]

[MeterImage5/1]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor1
X=0
Y=(#ImageHeight#/5)r
ImageCrop=[X1],[Y5],[W],[H]

[MeterImage5/2]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor2
ImageCrop=[X2],[Y5],[W],[H]

[MeterImage5/3]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor3
ImageCrop=[X3],[Y5],[W],[H]

[MeterImage5/4]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor4
ImageCrop=[X4],[Y5],[W],[H]

[MeterImage5/5]
Meter=IMAGE
MeterStyle=StyleImage | StyleColor5
ImageCrop=[X5],[Y5],[W],[H]
____________________________________

Hint:
If you are troubled by the heavy CPU load, you can adjust the value of "Update" in [Rainmeter] section.


I hope you get some kind of inspiration from this for your creative skin work. :)
.
Image
Top
User avatar
Chewtoy
Moderator
Posts: 995
Joined: June 10th, 2009, 12:44 pm
Location: Sweden

Re: Sliced image display with ImageCrop

Post by Chewtoy »

._.
You are a God kenz0...
I don't think, therefore I'm not.
Top
poiru
Developer
Posts: 2872
Joined: April 17th, 2009, 12:18 pm

Re: Sliced image display with ImageCrop

Post by poiru »

Chewtoy wrote:._.
You are a God kenz0...
So true.
Top
User avatar
Klexur
Posts: 42
Joined: May 4th, 2009, 2:05 am

Re: Sliced image display with ImageCrop

Post by Klexur »

could the image still be scaled using this? i ask because i notice the image size looks to be fixed
The quiet and inquisitive one.
Top
User avatar
kenz0
Developer
Posts: 263
Joined: July 31st, 2009, 2:23 pm
Location: Tokyo, JPN

Re: Sliced image display with ImageCrop

Post by kenz0 »

Klexur wrote:could the image still be scaled using this? i ask because i notice the image size looks to be fixed
sure. the following codes have a variables for display size.
you can change the image size by set the two variables "DisplayWidth", "DisplayHeight".

Code: Select all

[Variables]
ImageName=lady-gaga-02.jpg
ImageWidth=1024
ImageHeight=768
SliceBorder=3
DisplayWidth=500
DisplayHeight=375

; Calc block =================

[W]
Measure=Calc
Formula=ROUND(#ImageWidth#/5-#SliceBorder#)

[H]
Measure=Calc
Formula=ROUND(#ImageHeight#/5-#SliceBorder#)

[DW]
Measure=Calc
Formula=ROUND(#DisplayWidth#/5-#SliceBorder#)

[DH]
Measure=Calc
Formula=ROUND(#DisplayHeight#/5-#SliceBorder#)

[X1]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*0

[X2]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*1

[X3]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*2

[X4]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*3

[X5]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*4

[Y1]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*0

[Y2]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*1

[Y3]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*2

[Y4]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*3

[Y5]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*4

; Style ================================

[StyleImage]
ImageName=#ImageName#
X=(#DisplayWidth#/5)r
Y=0r
W=[DW]
H=[DH]
DynamicVariables=1

; Meter ================================

[MeterImage1/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=0
ImageCrop=[X1],[Y1],[W],[H]

[MeterImage1/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y1],[W],[H]

[MeterImage1/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y1],[W],[H]

[MeterImage1/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y1],[W],[H]

[MeterImage1/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y1],[W],[H]

[MeterImage2/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=(#DisplayHeight#/5)r
ImageCrop=[X1],[Y2],[W],[H]

[MeterImage2/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y2],[W],[H]

[MeterImage2/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y2],[W],[H]

[MeterImage2/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y2],[W],[H]

[MeterImage2/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y2],[W],[H]

[MeterImage3/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=(#DisplayHeight#/5)r
ImageCrop=[X1],[Y3],[W],[H]

[MeterImage3/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y3],[W],[H]

[MeterImage3/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y3],[W],[H]

[MeterImage3/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y3],[W],[H]

[MeterImage3/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y3],[W],[H]

[MeterImage4/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=(#DisplayHeight#/5)r
ImageCrop=[X1],[Y4],[W],[H]

[MeterImage4/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y4],[W],[H]

[MeterImage4/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y4],[W],[H]

[MeterImage4/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y4],[W],[H]

[MeterImage4/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y4],[W],[H]

[MeterImage5/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=(#DisplayHeight#/5)r
ImageCrop=[X1],[Y5],[W],[H]

[MeterImage5/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y5],[W],[H]

[MeterImage5/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y5],[W],[H]

[MeterImage5/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y5],[W],[H]

[MeterImage5/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y5],[W],[H]
.
Image
Top
User avatar
Klexur
Posts: 42
Joined: May 4th, 2009, 2:05 am

Re: Sliced image display with ImageCrop

Post by Klexur »

this is a pretty neat trick ;)

the only other thing i noticed it the splits don't quite line up correctly. what i mean is the gaps in the image don't behave like a grid was laid over the top of the image, causing the covered parts not to be seen. instead where the gap begins and ends seems to just start where the other left off.

hope you understand what i mean?
The quiet and inquisitive one.
Top
User avatar
kenz0
Developer
Posts: 263
Joined: July 31st, 2009, 2:23 pm
Location: Tokyo, JPN

Re: Sliced image display with ImageCrop

Post by kenz0 »

I think there was a defect in calculation of scaling for each image size.
this must be better than the previous code.

Code: Select all

[Variables]
ImageName=lady-gaga-02.jpg
ImageWidth=1024
ImageHeight=768
SliceBorder=3
DisplayWidth=500
DisplayHeight=375

; Calc block =================

[SB]
Measure=Calc
Formula=#SliceBorder#*(#ImageWidth#/#DisplayWidth#)

[W]
Measure=Calc
Formula=ROUND(#ImageWidth#/5-SB)

[H]
Measure=Calc
Formula=ROUND(#ImageHeight#/5-SB)

[dW]
Measure=Calc
Formula=ROUND(#DisplayWidth#/5-SB*(#DisplayWidth#/#ImageWidth#))

[dH]
Measure=Calc
Formula=ROUND(#DisplayHeight#/5-SB*(#DisplayHeight#/#ImageHeight#))

[rX]
Measure=Calc
Formula=ROUND(#DisplayWidth#/5)

[rY]
Measure=Calc
Formula=ROUND(#DisplayHeight#/5)

[X1]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*0

[X2]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*1

[X3]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*2

[X4]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*3

[X5]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*4

[Y1]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*0

[Y2]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*1

[Y3]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*2

[Y4]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*3

[Y5]
Measure=Calc
Formula=ROUND(#ImageHeight#/5)*4

; Style ================================

[StyleImage]
ImageName=#ImageName#
X=[rX]r
Y=0r
W=[dW]
H=[dH]
DynamicVariables=1

; Meter ================================

[MeterImage1/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=0
ImageCrop=[X1],[Y1],[W],[H]

[MeterImage1/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y1],[W],[H]

[MeterImage1/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y1],[W],[H]

[MeterImage1/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y1],[W],[H]

[MeterImage1/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y1],[W],[H]

[MeterImage2/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=[rY]r
ImageCrop=[X1],[Y2],[W],[H]

[MeterImage2/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y2],[W],[H]

[MeterImage2/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y2],[W],[H]

[MeterImage2/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y2],[W],[H]

[MeterImage2/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y2],[W],[H]

[MeterImage3/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=[rY]r
ImageCrop=[X1],[Y3],[W],[H]

[MeterImage3/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y3],[W],[H]

[MeterImage3/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y3],[W],[H]

[MeterImage3/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y3],[W],[H]

[MeterImage3/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y3],[W],[H]

[MeterImage4/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=[rY]r
ImageCrop=[X1],[Y4],[W],[H]

[MeterImage4/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y4],[W],[H]

[MeterImage4/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y4],[W],[H]

[MeterImage4/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y4],[W],[H]

[MeterImage4/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y4],[W],[H]

[MeterImage5/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=[rY]r
ImageCrop=[X1],[Y5],[W],[H]

[MeterImage5/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X2],[Y5],[W],[H]

[MeterImage5/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X3],[Y5],[W],[H]

[MeterImage5/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X4],[Y5],[W],[H]

[MeterImage5/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageCrop=[X5],[Y5],[W],[H]
.
Image
Top
mihir
Posts: 8
Joined: June 22nd, 2010, 6:44 am

Re: Sliced image display with ImageCrop

Post by mihir »

something went wrong.. showing many images...
You do not have the required permissions to view the files attached to this post.
Top
User avatar
Chewtoy
Moderator
Posts: 995
Joined: June 10th, 2009, 12:44 pm
Location: Sweden

Re: Sliced image display with ImageCrop

Post by Chewtoy »

mihir wrote:something went wrong.. showing many images...
Okay.
Do you want some kind of help or did you just want to tell us that?
I don't think, therefore I'm not.
Top
mihir
Posts: 8
Joined: June 22nd, 2010, 6:44 am

Re: Sliced image display with ImageCrop

Post by mihir »

i want help... i have copy pasted exactly the same code.. with one image... but for some reason it is showing this many images...
Top

Return to “Community Tips & Tricks”