Flash :: [AS3] ScrollRect Weirdness

Unresponsive ScrollRect
Hey,

I've built a class that extends Sprite and is pretty simple. It has a setImage(obj:Sprite) method, which adds a passed Sprite as a child, then setters and getters for clipWidth and clipHeight. Setting these variables sets the image's scrollRect. Here's the code:

Code:

public function set clipWidth(n:Number):void {
_clippingWidth = n ;
this.scrollRect = new Rectangle(0, 0, _clippingWidth, _clippingHeight);
}

public function get clipWidth():Number {
return _clippingWidth ;
}

public function set clipHeight(n:Number):void {
_clippingHeight = n ;
this.scrollRect = new Rectangle(0, 0, _clippingWidth, _clippingHeight);
}

public function get clipHeight():Number {
return _clippingHeight ;
}

Not exactly rocket science, or so I thought, but it doesn't work. When I tween the clipWidth or clipHeight values, using either a flash Tween or caurina.transitions.Tweener's addTween method, it will work for a little while, then stops. Tracing out the objects scrollRect shows that the scrollRect Rectangle is changing, and is showing the right values, but visually the image doesn't change.

What could I be doing, or not doing, here that would cause this kind of behavior?!

Thanks.

ScrollRect In Thumbs Gallery
Hi to all. I have a gallery with thumbnails. When i click on a thumb a larger picture appears in a big rectangle with a large image item. I want the picture inside the big rect to scroll up down and left right onmousemove. The gallery takes the data from an xml file. The big rect is a mc with a mask. So i want to put actions and make the mc scrollable. I need your help!!! Sorry for my bad english.

How To Get The Height Masked By ScrollRect
Hey,,i was wondering.. immaking a scroller..that uses scrolRect, but the content af the scroller are constantly changing, and the dynamic height of the content is kinda hard to calculate..so i'd rather use content._height.. but when content is masked by scrollRect, it naturally just gives me the masked height.. =/ ..anyone knows?

Which Is Faster CopyPixel() Or ScrollRect()?
Is it better/faster/smoother to use copyPixel() of scrollRect for fast animations?

Is there some way to time those methods beside FPS?
Is there some better way for fast and smooth scroling large bitmaps?

And one more question, does Flash 9 has something like vertical sync, to wait for monitor refresh and than to draw picture?

Repeating/Looping With ScrollRect?
Hello Everybody,

I am sitting here reading the "Flash 8 Action Script Bible" which is pretty great, but I am curious about something concerning the use of "ScrollRect".

Basically I have the code from the book, with some edits to give my code a "scrolling" feel. Here is the code:

Code:
import flash.geom.Rectangle;
import DrawingUtilities;

// create movieclip and embed text inside it

this.createEmptyMovieClip("mTextClip", this.getNextHighestDepth());
var tField:TextField = mTextClip.createTextField("tField",
mTextClip.getNextHighestDepth(), 0, 0, 200, 200);
tField.multiline = true;
tField.wordWrap = true;
tField.autoSize = "left";

// original rectangle to scroll set to 0, 0
mTextClip.scrollRect = new Rectangle(0, 0, 200, 200);

var DuDrawer:DrawingUtilities;

// use loadvars to load the text
var lvText:LoadVars = new LoadVars();
lvText.onData = function(sText:String):Void {
tField.text = sText.substring(0, 5000);
};
lvText.load("http://www.person13.com/asb/lorem_ipsum.txt");

// two movie clip objects to scroll the text.
this.createEmptyMovieClip("mScrollUp", this.getNextHighestDepth());
duDrawer = new DrawingUtilities(mScrollUp);
duDrawer.beginFill(0xFF0000, 100);
duDrawer.beginRectangle(20, 20, 10, 10);
duDrawer.drawPolygon(5, 3, Math.PI / 6, 10, 10);
duDrawer.endFill();

this.createEmptyMovieClip("mScrollDown", this.getNextHighestDepth());
duDrawer = new DrawingUtilities(mScrollDown);
duDrawer.beginFill(0xFF0000, 100);
duDrawer.beginRectangle(20, 20, 10, 10);
duDrawer.drawPolygon(5, 3, -Math.PI / 6, 10, 10);
duDrawer.endFill();

// move these clips to the right side
mScrollUp._x = mTextClip._x + tField._width;
mScrollUp._y = mTextClip._y;
mScrollDown._x = mScrollUp._x;
mScrollDown._y = mTextClip._y + 200 - 20;

// functionality for the buttons

mScrollUp.onRelease = function():Void {
var rctText:Rectangle = mTextClip.scrollRect;
nInterval = setInterval(scroll, 10, 10, rctText.y - 200, "up");
};

mScrollUp.onReleaseOutside = mScrollUp.onRelease;

mScrollDown.onRelease = function():Void {
var rctText:Rectangle = mTextClip.scrollRect;
nInterval = setInterval(scroll, 10, -10, rctText.y + 200, "down");
};

mScrollDown.onReleaseOutside = mScrollDown.onRelease;

function scroll(nScrollAmount:Number, nEndPoint:Number, stDir:String):Void {

// retrieve the current scrollRect value
var rctText:Rectangle = mTextClip.scrollRect;

//update the y property
rctText.y += -nScrollAmount;

// check if the rectangle would scroll the text out of bounds
if (rctText.y <= 0) {
clearInterval(nInterval);
}
else if (rctText.y > mTextClip.tField._height - 200) {
clearInterval(nInterval);
}
else if ((rctText.y > nEndPoint) && (stDir == "down")) {
clearInterval(nInterval);
}
else if ((rctText.y < nEndPoint) && (stDir == "up")) {
clearInterval(nInterval);
}
else {
mTextClip.scrollRect = rctText;
}

}
What I want to do now is make it so that when I get to the end of the text, it will almost loop so that the start of the text is now under what is the "end". It's a lot like a repeating background from the cartoons of yore (see: Flinstones) and it is a big part to something I am working on at the moment.

Thank you very much!

Scrollrect Positioning Problem
On my root level I have a movieclip called main that houses everything I need to scroll. This was the code I was using before on the root level:

Code:
import flash.geom.Rectangle;
var rightWindow:Rectangle = new Rectangle(0, 0, 968, 582);
this.scrollRect = rightWindow;
But now I need to put a movieclip outside of the scrollRect rectangle so I tried changing the code to:

Code:
main.scrollRect = rightWindow
But then the scrollrect is placed at the center registration point. So attempted to move the retangle so the scrollrect is put back in the upper left hand corner. When I do this weird things happen with the positioning and the masking.

does anyone know how to properly position the scroll rect and move it around so you get the contents you want within the mask?

ScrollRect Moving My Sprite
Confused here...If I comment out the scrollRect line then it displays properly but it doesn't scroll. However, if I uncomment scrollRect it scrolls but the playlist and all the stuff in the sprite move to a new location. Why? I just want it to stay there.

ActionScript Code:
var playlist:Sprite = new Sprite();
playlist.graphics.beginFill(0xFFCC00);
playlist.graphics.drawRect(490, 31.8, 300, 375);
playlist.cacheAsBitmap = true;
playlist.scrollRect = new Rectangle(490, 31.8,300,375);
addChildAt(playlist,0);

Setting ScrolLRect Y Property
Hey everyone

I have this code:

Code:
private function moveScrollObject(e:MouseEvent):void
{
var moveNum:Number = 50;
_scrollObject.scrollRect.y += moveNum;
trace(_scrollObject.scrollRect.y); // traces 0 all the time
}
I can't see what my problem is. Even though I plus the scrollRect y property with 50, it keeps tracing 0?

Problems With Printjob And Scrollrect
I have a sprite that has a scrollbar that uses the scrollrect feature. The sprite has several bitmaps and textfields. When I print the outer sprite (The one with the scrollrect) all of the textfields outside the scrollrect are cut after the first line.

In case anyone else is having problems with printing sprites with scrollrects using the bitmap printing option fixes and prints most of the stuff in the sprite. Excluding all textfields outside of the scrollrect. This however can be fixed partially by embedding your fonts.

So now the only problem left is printing multiline textfields that are outside the scrollrect.

P.S. Imho the scrollrect should have nothing to do with the printed area of the sprite because the printJob.addPage has a printarea parameter. What do you think?

ScrollRect And Browser Resizing...
I'm trying to make a full browser webpage that utilizes the scrollRect type of class to pan around a movieclip that contains other movieclips and so on. The problem I run into is that when the browser window is resized that panning doesn't go with it. So panning to all the edges becomes impossible. I've tried a bunch of different stage resizing techniques but none of them give any good results. Here's the actionscript I'm currently working with:

Code:
stop();

import com.McSliderB;

Stage.scaleMode="noScale";
Stage.align="TL";
var stageListener:Object = new Object();
stageListener.onResize = function() {

img._x = Stage.width - img._width;
img._y = Stage.height - img._height;

};
Stage.addListener(stageListener);

var myclip:MovieClip = _root.img;
var myeasing:Number = .9;
var myX:Number = 0;
var myY:Number = 0;
var myviewW:Number = 1440;
var myviewH:Number = 800;
var mystartX:Number = ((myclip._width - myviewW)/2);
var mystartY:Number = ((myclip._height - myviewH)/2);
//new McSlider(yourMovieClip, easing, clipX, clipY, aperature_width, aperature_height, initial_x_Offset, initial_y_Offset);
var nMC:McSliderB = new McSliderB(myclip, myeasing, myX, myY, myviewW, myviewH, mystartX, mystartY);
If anyone could help me out with this I would greatly appreciate it. Thanks!

Scrollrect And ScaleX / ScaleY
Hey guys, i've got a scrollrect on a movieclip, however when i scale the movieclip, my scrollrect rectangle visible area on the screen gets dramatically smaller. is there a way to keep it proportion to the viewable area if my moveclip scales to a larger size?

UIScrollbar With MovieClip.scrollRect
I have an article with text, images, and buttons that I want to scroll.

The site uses UI components for this type of thing already, so I don't want to build my own (like LiveDocs recommends), I want to use the same skins as the rest of the site.

I've searched Google and LiveDocs and can't find a good example of using the UIScrollbar with MovieClip.scrollRect. Though one guys comments say it can be done.

This is what I have so far:

Actionscript Code:
import fl.events.ScrollEvent;import flash.geom.Rectangle;import flash.geom.Point;
var totalHeight:Number = mcArticle.height;var croppedHeight:Number = 418;
var rect:Rectangle;rect = new Rectangle(0, 0, mcArticle.width, croppedHeight);
// Cache the MovieClip as a bitmap to improve performance.mcArticle.cacheAsBitmap = true;
mcArticle.scrollRect = rect;
cmpntScrollBar.setScrollProperties(croppedHeight, 0, totalHeight - croppedHeight);cmpntScrollBar.setSize(cmpntScrollBar.width, croppedHeight);cmpntScrollBar.update();

Then, to handle the UIScrollBar event:

Actionscript Code:
//set scrollbar eventcmpntScrollBar.addEventListener(ScrollEvent.SCROLL , scrollArticle);
function scrollArticle(evt:ScrollEvent){ //I got this from comments on LiveDocs, but it doesn't seem to work. mcArticle._y = -cmpntScrollBar.scrollPosition;}
So when the SWF loads, it does crop my article and the UIScrollBar seems to be setup correctly, but dragging the scrollbar doesn't move the MovieClip.

Thanks for any advice!

Brandon

ScrollRect Crash (how Else To Scroll) (Flash8)
Hi

I am making a side (and up and down) scrolling game. I draw the background in a movieclip once, and use scrollRect to scroll it. (I am using Flash 8)

I am having a few problems.

1 - First and worst is that it keeps crashing both the flash player, and the flash IDE. In a browser it doesn't crash.

2 - If I don't set the scrollRect every frame, the background gets erased by whatever is moving in front of it.

3 - If I set cacheAsBitmap=true for the background, it doesn't scroll at all.

Any ideas why it doesn't work, and what methods do you use to scroll your map/background?

HitTest Hides Inside ScrollRect..?
I have following hitTest on my mc:

Code:
onClipEvent (enterFrame) {
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
if (this._currentframe<this._totalframes) {
nextFrame();
}
} else {
if (this._currentframe>1) {
prevFrame();
}
}
}
hitTest works fine - until I put this scrollRect on it's parent mc:

Code:
web_slide.scrollRect={x:0,y:0,width:250,height:104}
btn_up.onRelease = function () {
if (web_slide.scrollRect.y = web_slide.scrollRect.y ) {

var newpos=web_slide.scrollRect
newpos.y-=53
web_slide.scrollRect=newpos }}
btn_down.onRelease = function () {
if (web_slide.scrollRect.y = web_slide.scrollRect.y - 106 ) {

var newpos=web_slide.scrollRect
newpos.y+=53
web_slide.scrollRect=newpos }}
Here's the funny thing: The scrollRect code also works fine on its own - but when I put the scrollRect on, the hitTest mc hides inside the scrollRect - meaning, the hitTest runs, but the result displays only inside the scrollRect area, and what is supposed to display outside of it (which is practically everything of it) is hidden. How do I get around that?

ScrollRect Crash (how Else To Scroll) (Flash8)
Hi

I am making a side (and up and down) scrolling game. I draw the background in a movieclip once, and use scrollRect to scroll it. (I am using Flash 8)

I am having a few problems.

1 - First and worst is that it keeps crashing both the flash player, and the flash IDE. Sometimes it crashes imediately, an sometimes after some time. In a browser it doesn't crash.

2 - If I don't set the scrollRect every frame, the background gets erased by whatever is moving in front of it.

3 - If I set cacheAsBitmap=true for the background, it doesn't scroll at all.

Any ideas why it doesn't work, and what methods do you use to scroll your map/background?

Getting Height Of Display Content When Using ScrollRect?
Does anybody know how to get the height and width of the content in a display object when using scrollRect.

For example>

Code:
import flash.display.Sprite;
import flash.geom.Rectangle;

var circle:Sprite = new Sprite();
circle.graphics.beginFill(0xFFCC00);
circle.graphics.drawCircle(200, 200, 200);
addChild(circle);
//display object width and height is 200

circle.scrollRect = new Rectangle(0, 0, 100, 100);
//display object width and height is now 100
The code above creates a 200pix circle and sets the scrollRect for the circle display object to 100pix. So you can only see a quater of the circle.

The height and width of the display object is now the height and width of the scrollRect which is 100. However the height of content (circle) is 200 but I have no way of finding this out.

There is no contentHeight or contentWidth propertys so how am I ment to find out the height and width of the content if I don't know what it is beforehand?

I need to know the content height and width so I know what the max scroll positions are. I need a scrolling solution where the height and width of the display object does not increase when the size of the content increases beond certain values. scrollRect fits the bill perfectly but its all useless if I dont know what the dimentions of the actual content are!

I'm sure there is a solution, please enlighten me!

Determining Original Size After ScrollRect
I'm trying to determine the size of a MovieClip which has a scrollRect. As expected, the _width/_height reflects the size after scrollRect applied, not the original clip. The problem is, that in my testing it appears that scrollRect does not take affect until after the code(frame?) is executed. Example:
import flash.geom.Rectangle;
mc.scrollRect = new Rectangle(0,0,55,55);
trace(mc._width); // 200, or whatever original size is
function onEnterFrame(){
trace(mc._width); // 55
}

The makes it impossible to set the scrollRect to null, measure, then re-apply a clone of the original scrollRect. Am I stuck? Is there any way to determine the original size?

Scrollrect + Dropshadow = Weird Behaviour
http://img.ravenworks.ca/scrollrectDropshadow.html

Mouse around this example to see a clip whose scrollrect automatically changes its height/width every frame according to the mouse's position. At least, in theory!

Move upwards and left slowly, and notice how 'jumpy' the movement of the shape is... sometimes the shadow moves without it, sometimes they both move but the shadow is further than the vector, and sometimes the vector jumps to catch up with where the shadow is!

If I had to guess, I'd say this is a problem with the flash player not hiding the clip where it knows the clip's shadow should be seen, but failing to consider that the vector inside the clip should be hidden anyway... one way or another, are there any known workarounds?

(Is this forum the right place to be posting bug reports, for that matter?)

ScrollRect + Continous Scrolling Help Needed
I have an "mc_appetizers" movie clip set to a scrollRect. I can scroll mc_appetizers up and down with my btn_upscroll and btn_downscroll buttons, but only 10px at a time. How can I make these buttons scroll continuously until the user releases the mouse button or until the movie clip has reached botttom? Here is my code, a conglomeration of various tutorials and forum posts (I'm rather new to this).

Attach Code

import flash.geom.Rectangle;

var container:MovieClip = mc_appetizers;
var window:Rectangle = new Rectangle(0, 0, 215, 215);
container.scrollRect = window;

btn_upscroll.onPress = function() {
var scrollUp = window;
var scrollmax = container._y;
trace(scrollmax);
trace(scrollUp.y);
if (scrollUp.y>scrollmax) {
scrollUp.y -= 10;
container.scrollRect = window;
}
}

btn_downscroll.onPress = function() {
var scrollDown = window;
var scrollmax = 400;
trace(scrollmax);
trace(scrollDown.y);
if (scrollDown.y<scrollmax) {
scrollDown.y += 10;
container.scrollRect = window;
}
}

Edited: 09/04/2007 at 08:40:57 AM by th_k

Image Slider Pan Thing With ScrollRect
I'm not sure if something like this has been posted, I've seen requests, and I've seen versions on this site and other sites - anywho.

I created a class file for this, all you need is one movieclip containing your image. It uses scrollRect vs. masking. One note, I'm placing button events on the image clip itself, so if you want to pan a movieclip that contains buttons, you'll have to create a button clip to handle those events. To initiate:

ActionScript Code:
import com.McSlider;var myclip:MovieClip = _root.img;var myeasing:Number = .5;var myX:Number = 40;var myY:Number = 40;var myviewW:Number = 720;var myviewH:Number = 520;var mystartX:Number = ((myclip._width - myviewW)/2); //want the image to start centeredvar mystartY:Number = ((myclip._height - myviewH)/2); //want the image to start centered//new McSlider(yourMovieClip, easing, clipX, clipY, aperature_width, aperature_height, initial_x_Offset, initial_y_Offset);var nMC:McSlider = new McSlider(myclip, myeasing, myX, myY, myviewW, myviewH, mystartX, mystartY);

To view:
http://flash.creatify.com/experiments/McSlider.html

Download:
http://flash.creatify.com/experiments/McSlider.zip

*****EDIT 09.07.06:
I've uploaded a version that accepts buttons within the movieclip - enjoy:

VIEW:
http://flash.creatify.com/experiments/McSliderB.html
DOWNLOAD:
http://flash.creatify.com/experiments/McSliderB.zip

*****EDIT 12.12.06
I've uploaded a version that with 3 new public methods:
stopMotion();
startMotion();
slideToPoint(x,y);

VIEW:
http://flash.creatify.com/experiments/McPan.html
DOWNLOAD:
http://flash.creatify.com/experiments/McPan.zip

HitTest On Mc Doesn't Work With ScrollRect
I have two pieces of code, that won't work together...

First: this makes a hitTest on an mc to make it run on rollover:

Code:
onClipEvent (enterFrame) {
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
if (this._currentframe<this._totalframes) {
nextFrame();
}
} else {
if (this._currentframe>1) {
prevFrame();
}
}
}
This works - until I put the next part of code inside to make the parent mc scroll:

Code:
web_slide.scrollRect={x:0,y:0,width:250,height:104}
btn_up.onRelease = function () {
if (web_slide.scrollRect.y = web_slide.scrollRect.y ) {

var newpos=web_slide.scrollRect
newpos.y-=53
web_slide.scrollRect=newpos }}
btn_down.onRelease = function () {
if (web_slide.scrollRect.y = web_slide.scrollRect.y - 106 ) {

var newpos=web_slide.scrollRect
newpos.y+=53
web_slide.scrollRect=newpos }}
Each work seperately, but they won't together. How do I get around this?

HELP Problem Scrolling ScrollRect With A ScrollBar
Hope you guys can help me out on this one.

Here's my problem. So I have some actionscript, and it scrolls the scrollRect, but there is a catch. It doesn't completely scroll it. It lets me scroll down until it's halfway and stops. I can still scroll up to the top, but the problem is unerving. I can't find a fix for it. Does anybody know how to fix it or has had a similar problem?

PHP Code:

stop();var maxItem = 10;var numColumns = 1;var leftMargin = 0;var topMargin = 0;var cellWidth = 273.4;var cellHeight = 54;for (var i = 0; i<maxItem+1; i++) { var mc = rssHolder.attachMovie("rssItem", "rssItem_"+i, i); var cellX = i%nbrColumns; var cellY = Math.floor(i/numColumns); mc._x = leftMargin+cellX*cellWidth; mc._y = topMargin+cellY*cellHeight; mc.name.text = "Hi. I'm Item "+i+".";}rssHolder.scrollRect = new flash.geom.Rectangle(0, 0, cellWidth, 122);//Beggining of scrollbar codebar.useHandCursor = dragger.useHandCursor=false;y = dragger._y;maxy = bar._y+bar._height-dragger._height;function moveDragger() { var scrollrect = _root.rssHolder.scrollRect; r = (dragger._y-y)/(bar._height-dragger._height); scrollrect.y = Math.round(r*scrollrect.height); _root.rssHolder.scrollRect = scrollrect;}dragger.onPress = function() { ref = this._parent; this.startDrag(false,this._x,ref.y,this._x,ref.y+ref.bar._height-this._height); id = setInterval(moveDragger, 50);};dragger.onMouseUp = function() { this.stopDrag(); clearInterval(id);};bar.onPress = function() { ref = this._parent; ref.dragger._y = ref._ymouse>ref.maxy ? ref.maxy : ref._ymouse; id = setInterval(moveDragger, 10);};bar.onMouseUp = function() { clearInterval(id);};

Thank you,
motionman95

ScrollRect, Panning, Browser Resizing...
I'm trying to create a webpage where the user pans around to discover the content. Something similar to this website:

http://www.vermeersch.ca/

Just click on explore at the bottom and resize the window and then pan around to see the effect I want.

I used a scrollRect like class to get the panning to work but when the browser window is resized I can't get the panning to cover the whole page like it would if the window was fully open. I've tried a few of the basic onResize type of commands but they didn't produce any good results. I'm guessing the problem is within the class itself. But I'm not really sure what or how to edit it.

Here's my actionscript:

Code:

stop();

import com.McSliderB;

Stage.scaleMode="noScale";
Stage.align="TL";
var stageListener:Object = new Object();
stageListener.onResize = function() {

img._x = Stage.width - img._width;
img._y = Stage.height - img._height;

};
Stage.addListener(stageListener);

var myclip:MovieClip = _root.img;
var myeasing:Number = .9;
var myX:Number = 0;
var myY:Number = 0;
var myviewW:Number = 1440;
var myviewH:Number = 800;
var mystartX:Number = ((myclip._width - myviewW)/2);
var mystartY:Number = ((myclip._height - myviewH)/2);
//new McSlider(yourMovieClip, easing, clipX, clipY, aperature_width, aperature_height, initial_x_Offset, initial_y_Offset);
var nMC:McSliderB = new McSliderB(myclip, myeasing, myX, myY, myviewW, myviewH, mystartX, mystartY);

And here's the actionscript from the class I'm using:

Code:

import mx.utils.Delegate;
import flash.geom.Rectangle;

class com.McSliderB {
private var __mc:MovieClip;
private var __mcp:MovieClip;
private var __ease:Number;
private var __control:MovieClip;

private var __yDiff:Number;
private var __yScale:Number;
private var __yPos:Number;
private var __xDiff:Number;
private var __xScale:Number;
private var __xPos:Number;

private var __imgW:Number;
private var __imgH:Number;
private var __rect:Rectangle;

//new McSlider(yourMovieClip, easing, clipX, clipY, aperature_width, aperature_height, initial_x_Offset, initial_y_Offset);
public function McSliderB(_mc:MovieClip, _ease:Number, _clipX:Number, _clipY:Number, _apertureW:Number, _apertureH:Number, _xoff:Number, _yoff:Number) {
// your clip to pan
__mc = _mc;
// amount of easing - .7 works well
__ease = _ease;
// store the clip's parent in a variable, it will be used for _xmouse, _ymouse
__mcp = __mc._parent;
// get the initial width and height of the images
__imgW = __mc._width;
__imgH = __mc._height;
// position the clip to x, y
__mc._x = _clipX;
__mc._y = _clipY;

// turn on cache
__mc.cacheAsBitmap = true;

// I decided to run the onEnterframe within another clip vs. __mc
// just incase __mc contained an animation or some other onEnterFrame events
__control = __mc.createEmptyMovieClip("controller", __mc.getNextHighestDepth());

// create a new rectangle - position your clip to the offsets and aperature width / height

__rect = new Rectangle(_xoff, _yoff, _apertureW, _apertureH);
// set the clip's scrollRect
__mc.scrollRect = __rect;

// button events to control movement start / stop
__mc.onRollOver = Delegate.create(this,initiateMovement);
__mc.useHandCursor = false;
}

private function killMovement():Void {
delete __control.onEnterFrame;
}

private function initiateMovement():Void {
delete __mc.onRollOver;
__control.onEnterFrame = Delegate.create(this,calcXY);
}

private function calcXY():Void {
// calculate the Y offset / positions
__yDiff = __mcp._ymouse-__mc._y;
__yScale = __yDiff/__rect.height;
__yPos = __yScale*(__imgH-__rect.height);

// calculate the X offset / positions
__xDiff = __mcp._xmouse-__mc._x;
__xScale = __xDiff/__rect.width;
__xPos = __xScale*(__imgW-__rect.width);

// set the rectangles offsets
__rect.x = __xPos-(__xPos-__rect.x)*__ease;
__rect.y = __yPos-(__yPos-__rect.y)*__ease;

__mc.scrollRect = __rect;

//detect hit area
if(!__mc.hitTest(_root._xmouse, _root._ymouse, true)) {
killMovement();
__mc.onRollOver = Delegate.create(this,initiateMovement);
}
}
}

If anyone could help it would be greatly appreciated. Thank you!

ScrollRect Issues In Full Browser Implementation
Hi all.. i thought this would be relatively simple but alas!

i have a parent movieclip which houses a movieclip which has a scrollrect applied.. i load images into the scrollrect and then in my document class on resize am trying to center the conainter movieclip with the scrollrect inside..

unfortunately the holder clip of the scrollRect gets a width equal to the width of all the images etc so i can't use it as a basis for scaling..

has anyone else encountered this or know of a fix..

see code below! ARG!

My Parent and scrollRect MovieClip

ActionScript Code:
public function CollectionImageScroller(imageArray:Array)
{
collectionImageScrollRect = new MovieClip();

collectionImageScrollRect.scrollRect = new Rectangle(0, 0, 0, 0);
collectionImagePathArrayFromXmlLoad = imageArray;
if(collectionImagePathArrayFromXmlLoad.length > 0)
{
collectionImages = new Array();
loadCollectionImage(collectionImagePathArrayFromXmlLoad[0]);
}
else
{
//display no images
}
}

function loadCollectionImage(imageUrl:String):void {
loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.INIT, showLoading);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, initListener);
loader.load(new URLRequest("http://jademichelle.tom.test" + imageUrl));
}

function showLoading(e:Event):void
{
removeEventListener(Event.INIT, showLoading);
loaderIcon = new mcLoaderIcon();
addChild(loaderIcon);
}

function initListener(event:Event):void {
removeChild(loaderIcon);
var currentImage:DisplayObject = loader.content;
maxImageWidth = (maxImageWidth > currentImage.width) ? maxImageWidth : currentImage.width;
maxImageHeight = (maxImageHeight > currentImage.height) ? maxImageHeight : currentImage.height;
currentImage.x = currentImageX;
collectionImageScrollRect.addChild(currentImage);
currentImageX = currentImageX + currentImage.width + 5;
p++;

collectionImages.push(currentImage);
if (p < collectionImagePathArrayFromXmlLoad.length) {
loadCollectionImage(collectionImagePathArrayFromXmlLoad[p]);//create loop
}
if (p == collectionImagePathArrayFromXmlLoad.length) {
//do when done
this.graphics.drawRect(0,0, maxImageWidth, maxImageHeight);
collectionImageScrollRect.scrollRect = new Rectangle(0, 0, (maxImageWidth + 30), maxImageHeight);

addChild(collectionImageScrollRect);

var leftGradBorder:MovieClip = new mcGradBorder();
leftGradBorder.x = -5;
leftGradBorder.height = (maxImageHeight + 5);
addChild(leftGradBorder);

var rightGradBorder:MovieClip = new mcGradBorderRight();
rightGradBorder.x = maxImageWidth - 20;
rightGradBorder.height = (maxImageHeight + 5);
addChild(rightGradBorder);
collectionImageScrollRect.addEventListener(MouseEvent.CLICK, scrollMe);
dispatchEvent(new Event("CollectionImagesLoaded", true, false));
p=0;
}
}

function scrollMe(e:MouseEvent):void
{
rect = collectionImageScrollRect.scrollRect;
trace("rectx" + rect.x + "currentimgindex" + currentImageIndex);
TweenLite.to(rect, 1, {x:(rect.x + collectionImages[currentImageIndex].width + 5),onUpdate:updateScrollRect, onComplete:function() { currentImageIndex++; }});
}

function updateScrollRect()
{
collectionImageScrollRect.scrollRect = rect;
}

My Document Class handling scaling:

ActionScript Code:
function setBackground():void {
if(collectionScroller != null)
{
collectionScroller.width = stage.stageWidth / 3;
collectionScroller.height = stage.stageHeight / 3;

collectionScroller.scaleX <= collectionScroller.scaleY ? (collectionScroller.scaleX = collectionScroller.scaleY) : (collectionScroller.scaleY = collectionScroller.scaleX);
collectionScroller.x = stage.stageWidth / 2 - (collectionScroller.width / 2);
collectionScroller.y = 100;
trace(collectionScroller.CalculatedWidth);

}
}

function positionCollectionImages(e:Event):void
{
removeEventListener("CollectionImagesLoaded", positionCollectionImages);
trace("MOOOOO");
trace("CALCULATED WIDTH " + collectionScroller.CalculatedWidth + " collectionscrollerx" + collectionScroller.x + " collectionscrollerwidth" + collectionScroller.width + " maximagewidth" + collectionScroller.MaxImageWidth);

collectionScroller.x = (stage.stageWidth / 2) - (collectionScroller.CalculatedWidth / 2);
collectionScroller.alpha = 1;
collectionScroller.visible = true;

//TweenLite.to(collectionScroller,1,{alpha:1});

setBackground();
}

ScrollRect Issues In Full Browser Implementation
Hi all.. i thought this would be relatively simple but alas!
i have a parent movieclip which houses a movieclip which has a scrollrect applied.. i load images into the scrollrect and then in my document class on resize am trying to center the conainter movieclip with the scrollrect inside..

unfortunately the holder clip of the scrollRect gets a width equal to the width of all the images etc so i can't use it as a basis for scaling..

has anyone else encountered this or know of a fix..

see code below! ARG!

My Parent and scrollRect MovieClip

Code:
public function CollectionImageScroller(imageArray:Array)
{
collectionImageScrollRect = new MovieClip();

collectionImageScrollRect.scrollRect = new Rectangle(0, 0, 0, 0);
collectionImagePathArrayFromXmlLoad = imageArray;
if(collectionImagePathArrayFromXmlLoad.length > 0)
{
collectionImages = new Array();
loadCollectionImage(collectionImagePathArrayFromXmlLoad[0]);
}
else
{
//display no images
}
}

function loadCollectionImage(imageUrl:String):void {
loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.INIT, showLoading);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, initListener);
loader.load(new URLRequest("http://jademichelle.tom.test" + imageUrl));
}

function showLoading(e:Event):void
{
removeEventListener(Event.INIT, showLoading);
loaderIcon = new mcLoaderIcon();
addChild(loaderIcon);
}
function initListener(event:Event):void {
removeChild(loaderIcon);
var currentImage:DisplayObject = loader.content;
maxImageWidth = (maxImageWidth > currentImage.width) ? maxImageWidth : currentImage.width;
maxImageHeight = (maxImageHeight > currentImage.height) ? maxImageHeight : currentImage.height;
currentImage.x = currentImageX;
collectionImageScrollRect.addChild(currentImage);
currentImageX = currentImageX + currentImage.width + 5;
p++;

collectionImages.push(currentImage);
if (p < collectionImagePathArrayFromXmlLoad.length) {
loadCollectionImage(collectionImagePathArrayFromXmlLoad[p]);//create loop
}
if (p == collectionImagePathArrayFromXmlLoad.length) {
//do when done
this.graphics.drawRect(0,0, maxImageWidth, maxImageHeight);
collectionImageScrollRect.scrollRect = new Rectangle(0, 0, (maxImageWidth + 30), maxImageHeight);

addChild(collectionImageScrollRect);

var leftGradBorder:MovieClip = new mcGradBorder();
leftGradBorder.x = -5;
leftGradBorder.height = (maxImageHeight + 5);
addChild(leftGradBorder);

var rightGradBorder:MovieClip = new mcGradBorderRight();
rightGradBorder.x = maxImageWidth - 20;
rightGradBorder.height = (maxImageHeight + 5);
addChild(rightGradBorder);
collectionImageScrollRect.addEventListener(MouseEvent.CLICK, scrollMe);
dispatchEvent(new Event("CollectionImagesLoaded", true, false));
p=0;
}
}

function scrollMe(e:MouseEvent):void
{
rect = collectionImageScrollRect.scrollRect;
trace("rectx" + rect.x + "currentimgindex" + currentImageIndex);
TweenLite.to(rect, 1, {x:(rect.x + collectionImages[currentImageIndex].width + 5),onUpdate:updateScrollRect, onComplete:function() { currentImageIndex++; }});
}

function updateScrollRect()
{
collectionImageScrollRect.scrollRect = rect;
}

My Document Class handling scaling:

Code:

function setBackground():void {
if(collectionScroller != null)
{
collectionScroller.width = stage.stageWidth / 3;
collectionScroller.height = stage.stageHeight / 3;

collectionScroller.scaleX <= collectionScroller.scaleY ? (collectionScroller.scaleX = collectionScroller.scaleY) : (collectionScroller.scaleY = collectionScroller.scaleX);
collectionScroller.x = stage.stageWidth / 2 - (collectionScroller.width / 2);
collectionScroller.y = 100;
trace(collectionScroller.CalculatedWidth);

}
}

function positionCollectionImages(e:Event):void
{
removeEventListener("CollectionImagesLoaded", positionCollectionImages);
trace("MOOOOO");
trace("CALCULATED WIDTH " + collectionScroller.CalculatedWidth + " collectionscrollerx" + collectionScroller.x + " collectionscrollerwidth" + collectionScroller.width + " maximagewidth" + collectionScroller.MaxImageWidth);
collectionScroller.x = (stage.stageWidth / 2) - (collectionScroller.CalculatedWidth / 2);
collectionScroller.alpha = 1;
collectionScroller.visible = true;

//TweenLite.to(collectionScroller,1,{alpha:1});
setBackground();
}

Weirdness
I am baffled! I have put together an online portfolio using a modular system. in doing this I load and unload different movies into one particular target. Everything works beautiful on my system yet when I get it online I start getting inconsistant results. The main thing that happens is buttons disappear. I also don't get the preload bar advancing as the movie being loaded progresses. I have tried various things and can't seem to get it to go away. Now it could be caused by the fact that I am accessing it via AOL, however I don't use AOL's browser, I use either IE or Netscape. It doesn't seem to matter though. Below is the link, could someone please take a look at it and tell me if they get the same problem and if so have any ideas as to what's causing it?
http://www.so-n-so.com/Rusty/index.html

MX - With() Weirdness...
Hello again, i'm getting really sick of MX doing unexpected things, so i'm hoping you guys can come to my rescue yrt again

Here is my code
//set up variables
pointCounter = 0;
xArray = new Array();
yArray = new Array();

function addpoint () {
//get mouse points
mouseX = _xmouse;
mouseY = _ymouse;
//add a new point
duplicateMovieClip(point, "point" + pointCounter, pointCounter);

//set the id number for the point
with("point" + pointCounter){
//trace("point" + pointCounter);
pointID = pointCounter;
}

setProperty("point" add pointCounter, _x, mouseX);
SetProperty("point" add pointCounter, _y, mouseY);
//place point co-ordinates into the array
xArray[pointCounter] = mouseX;
yArray[pointCounter] = mouseY;

//do this for all points except the first
if (pointCounter != 0) {
this.createEmptyMovieClip("line" add pointCounter, 1 + pointCounter);
with("line" add pointCounter){
lineStyle(1, 0x000000,100);
moveTo(xArray[pointCounter - 1], yArray[pointCounter - 1]);
lineTo(xArray[pointCounter], yArray[pointCounter]);
}

}
//increment point counter
pointCounter++;
}

Now, the bit that doesnt seam to want to work is the first with() statements (in red). The variable pointID is the variable name of a dynamic text box in each of the instances of point.

So it should do this::
When pointCounter = 1, point1.pointID = 1

But it doesn't. If you hardcode it like this

with(point1) {
pointID = 1;
}

It works, but I cant get the dynamic name working with the with() statement, even though it has no problem doing this in the second with() statement, whe targeting "line" + pointCounter

Am I going mad, is this something really simple????

Thanks...

Weirdness With XML
I have this script that loads up an XML doc parses everything out into var's so i can use them. I load the first var into a dynamic text box with no problem, however when i try and load another var into that same box, even if it is the same var, it comes back as "undefined". However If i do a trace it spits out the right var info.

One other thing, if i create another dynamic text box and load the var into it (even in the same function) it works while the first one fails!?

(if anyone wants to see the code let me know, i didn't post it because there is a lot of it)

Thanks!

Help With This Weirdness
hey i have this file of some bars and masks, when i bring it into another mc or play from test movie it does some weird thing like turn it upsidedown for a second???

is there a bit of action script to make sure it plays how it should in the library.......

CS3 IDE Weirdness
I thought I would post here to get some input before I submitted a bug report (or three or four dozen) regarding the new Flash CS3 IDE. First of all, to claim that it is new is really stretching semantics when to be honest it is the same interface with a couple of tweaks--most of which are not to my liking, but I was hoping to get some input.

My biggest complaint at the moment is this: What color am I using right now? Is it the color selected in the color Pallet? Or is it the color selected in the paint-tool pallet. Or perhaps it's the color selected in the object properties paint pallet. (All of which look identical and to my best appraisal only occasionally correspond to what your next shape is actually going to be filled with).

Am I the only one who is unable to save custom gradients in my swatches panel by clicking on an empty space? I can drop a custom single color, but no patterns/gradients, etc.

When creating a custom gradient, if you have several points selected (say all are white, but have different alpha percentages), when you click on the second to last handlebar to the right, the final colorchip turns solid black. I've done it a hundred times.

When creating a custom gradient, it is nearly impossible to get both ends to be transparent.

In my opinion, it is a bug that there is no field to tell you the size/position of your shape as you are drawing it. Sure, I can deselect the shape tool. Select the Object Tool and then reselect the object I just drew....but then if I have cruved corners and I am as much as 1 pixel off of the dimensions I want, I either have to fudge it or try it again. And don't give me a hard time by suggesting that I use guides. The guides suffer from the same thing. I need a guide at 300px and it's a veritable crap shoot whether I can accurately drop the guide at the right position given my current magnification. I usually zoom into 1600 percent and position my guides, but really now, would it just be eaiser to do it like InDesign does it? (yes, I know about the constrain key options but haven't found them to be reliable)

I have also been having problems with my keysets. Anybody else run into this problem: it says on the Transform Tool (when rolled over): Q There is no combination of Q, Alt-Q, Ctl-Q, WindowsKey-Q, presseverykeyonthekeyboard key Q that selects that tool.

No matter which tool you have selected, when mousing over the rulers, you should be automatically given the guides placement tools (cursor change, etc.) But if you are using the Zoom Tool, you have to click once on the ruler to bring up the guideTool.

The fancy-schmancy graduated fade the that the new panels use chokes on my two and three monitor systems. Plus, the way the panels snap together and just randomly assign themselves to take up the whole screen is so completely unruly, I've started looking into other IDE's.

I am sure I am being terribly picky, but you have to admit that some of this stuff is so basic, I can't believe it wasn't handled.

Before I submit a "bug report", I wanted to pass it by some others in this forum to see if I was way off base or whether these were actually things that should be reported.

Oh, and by the way, I adore Flash and I really don't mean to sound so down on it. I have just been working for the last six hours in the CS3 IDE and realized that at least 3 of those hours have been spent fighting the Environment. It's not a learning curve issue, it's a lot of loose ends issue.

Any feedback would be welcome. Please forgive the negative tone of this post,

jase

Get URL Weirdness
I am having trouble with get URL command. I have created a nav bar to put into dreamweaver, everything is working fine but when i press a button i always get taken back to the first frame of the flash movie - the dreamweaver page comes up properly but not the corresponding frame with that button.

LoadMovie Weirdness
man, this driving me nutz!

using loadMovie to load a swf into level1. Works fine if I hard code the name, as in:

loadMovie("myFile.swf",1);

But if the name of the swf file is found in a variable, such as

fileToLoad = "myFile.swf";
loadMovie(fileToLoad,1);

nothing doing!! Flash can't possibly expect me to hard code the file name, so what the heck's going on?

Clues much appreciated!!

Thanks, markw

HitTest Weirdness
I've got a hitTest evaluate dealie set up between two MC's, and it's detecting collision even when they aren't near each other. This is strange, because it's not happening with any of the other hitTests I've got on the stage. Any ideas why?

DuplicateMovieClip Weirdness
hi all...

Does any one know why the first bit of code here works, but the second does not? the core of the problem seems to be the order with which the cloned MC's are loaded into flash. I want the number of MC's duped to be based on some XML articles, but it only seems to work if I hardcord the number of clips.

This code works:

Code:
onClipEvent(load) {
newsData = new XML;
newsData.onLoad = convertXML;
newsData.load("newsXML.xml");
box = new Array();
//this is the part that is hardcoded
for(count=0; count <=2 ; count++) {
duplicateMovieClip(_root.textModule.textUnit, "t" + count, count);
_root.textModule.box[count] = eval("_root.textModule.t" + count);
trace("obj" + _root.textModule.box);
}

function convertXML() {
if(this.loaded) {
newsDisplay = "Data loaded.";
}

mainTag = new XML;
elementTag = new XML;
articleList = new Array;
elementList = new Array;
mainTag = this.firstChild.nextSibling;
articleList = mainTag.childNodes;
count = 0;

for(i=0;i<=articleList.length;i++){
//initialize a couple of variables to hold xml data we want displayed
title = "";
date = "";
copy = "";
if(articleList[i].nodeName.toLowerCase() == "article") {

elementList = articleList[i].childNodes;
for(j=0;j<=elementList.length;j++) {
elementTag = elementList[j];
elementType = elementTag.nodeName.toLowerCase();
if(elementType == "title"){
title = elementTag.firstChild.nodeValue;
} else if(elementType == "date") {
date = elementTag.firstChild.nodeValue;
} else if(elementType == "copy") {
copy = elementTag.firstChild.nodeValue;
}
}
//this section sends text to the MC and positions it
eval("_root.textModule.t" + count + ".newsDisplay") = "" +title + " "+ date +" " + copy + "";
trace(eval("_root.textModule.t" + count + ".newsDisplay"));
if(count<1) {
trace("set XY " + count);
_root.textModule.box[count]._x = 75;
_root.textModule.box[count]._y = 10;
trace("y " + _root.textModule.box[count]._y);
} else {
trace("set XY " + count);
_root.textModule.box[count]._x = 75;
_root.textModule.box[count]._y = _root.textModule.box[count-1]._y + 50;
trace("y " + _root.textModule.box[count]._y);
}
count++;
}
}

}
}

This version below seems to successfully create the MC's but that's about it... it doesn't place the text into the proper variable etc, nor does the x and y placement work.

Code:
onClipEvent(load) {
newsData = new XML;
newsData.onLoad = convertXML;
newsData.load("newsXML.xml");
//box = new Array();
//for(count=0; count <=2 ; count++) {
//duplicateMovieClip(_root.textModule.textUnit, "t" + count, count);
//_root.textModule.box[count] = eval("_root.textModule.t" + count);
//trace("obj" + _root.textModule.box);
//}
function convertXML() {
if(this.loaded) {
newsDisplay = "Data loaded.";
}

mainTag = new XML;
elementTag = new XML;
articleList = new Array;
elementList = new Array;
mainTag = this.firstChild.nextSibling;
articleList = mainTag.childNodes;
count = 0;
box = new Array();

for(i=0;i<=articleList.length;i++){

title = "";
date = "";
copy = "";
if(articleList[i].nodeName.toLowerCase() == "article") {
// i moved the duplicate movie clip here so it would create a MC only when there was an XML article to put in it
duplicateMovieClip(_root.textModule.textUnit, "t" + count, count);
_root.textModule.box[count] = eval("_root.textModule.t" + count);
trace("obj" + _root.textModule.box);

elementList = articleList[i].childNodes;

for(j=0;j<=elementList.length;j++) {
elementTag = elementList[j];
elementType = elementTag.nodeName.toLowerCase();
if(elementType == "title"){
title = elementTag.firstChild.nodeValue;
} else if(elementType == "date") {
date = elementTag.firstChild.nodeValue;
} else if(elementType == "copy") {
copy = elementTag.firstChild.nodeValue;
}
}
//this section sends text to the MC and positions it
eval("_root.textModule.t" + count + ".newsDisplay") = "" +title + " "+ date +" " + copy + "";
trace(eval("_root.textModule.t" + count + ".newsDisplay"));
if(count<1) {
trace("set XY " + count);
_root.textModule.box[count]._x = 75;
_root.textModule.box[count]._y = 10;
trace("y " + _root.textModule.box[count]._y);
} else {
trace("set XY " + count);
_root.textModule.box[count]._x = 75;
_root.textModule.box[count]._y = _root.textModule.box[count-1]._y + 50;
trace("y " + _root.textModule.box[count]._y);
}
count++;
}
}

}
}

Can anyone suggest a way to get things to load in the proper order in order to make this work?

I appreciate any input

Input Box Weirdness...
Hi all - I've got an input box, and similar to a password checker, the input text has to match a word perfecly to proceed. It works fine, but here's the problem. Clicking in the middle of the text box positions the cursor 2 spaces into the box instead of right at the beginning. Why are there 2 spaces there? The site is for little kids, and they'll never figure out why their words aren't working.
Any suggestions?

AttachMovie Weirdness
im using this code to attach movie clips to a scrollpane.
it works for 3 movies but not more.

for (i=0; i<_root.items; i++) {
_root.mainscrollpane.attachMovie("item","item_"+i, i);
_root.mainscrollpane["item_"+i]._y=60*i;
}

_root.items can be anything. if its 0 it works. same for 1, 2 and 3. but as soon as it is some number higher than 3 still only 3 movies are added.

does someone know an explanaition for this?

Annoying Weirdness
Need a quick hand here...

I'm trying to lay an SWF into a table. The background image of the flash movie spills over into the rest of the table, which is part of my layout.

Here's the issue, the flash movie doesn't align the image perfectly with the rest of the table. Better description: Say you had a picture of a face, split that in half. Place one in the table as just a JPG, the other side would be an SWF rather than the adjacent JPG. In my situation they don't align perfectly... looks like a pixel or 2 shrunken.

Please help, I want to go to bed soon!

bob

Alpha Weirdness
I'm really not a beginner to Flash at all, so this is the strangest thing...
I'm quite simply just trying to make a graphic have an alpha of 30% in one frame (it only appears in this one frame, and one frame only, static text symbol)...it seems to take it in the program, but when I test it, not only has it not taken the alpha effect, but the graphic is smaller in the test movie than mine in my workspace (I've taken to enlarging it, too, and it's still not what I see on the workspace in the test movie).
...what up with that...?

Thanks in advance, kids,
~sloughfish~

Scrolling Weirdness
hi guys

i have some funk to throw down and get you guys to step on. I have a movie with a dynamic JPG loading into 2 movieclips - let's callem JPGmc1 and JPGmc2.

I place JPGmc2 beside the JPGmc1, using:

_x-=_width

so that the two clips will line up side by side... my god, it's beautiful

so now I have an invisible button overlayed the viewable region. (i didn't mention these clips are in a MASK, cuz it's not important I think)

When you click on the button, it causes JPGmc1 to scroll to the east:

_x+=4;

When:
_x >= _width;

Then:
_x-=_width;

voila, looping scrolling image.

So on JPGmc2 I have:
_x = _parent.JPGmc1._x-_width;

So that JPGmc2 will ALSO scroll by following JPGmc1 like a puppy dog.

on MacOSX/IE 5.2 there is absolutely nothing wrong with this. I feel all godlike when I play it.

However, in Mozilla, and i think all browsers on a Windows box, JPGmc2 is a BAD PUPPY, and lags behind JPGmc1 by 3 pixels or so
[EDIT!! ahem, ok it's 4 pixels, like the increment _x+=4; says...]
... when JPGmc1 stops, JPGmc2 DOES catch up and everything looks good again, but while the clips are in motion, there's this gap to the background

my client is picky as hell and she wants me to figure out why it's doing this..

So I ask youse guys, anyone have an issue like this before?

if you want to see what I mean, go to

http://mahwishsyeddesigns.com/

then click on the COLLECTIONs button (middle one) and then any Collection (verticle navbar that loads up)

and let me know what you think!

thanks
Cakk