Tracking Forums, Newsgroups, Maling Lists
Home Scripts Tutorials Tracker Forums
  Advanced Search
  HOME    TRACKER    Flash




Scrolling Thumbnail Scripting



I made tutorial without any big problems (http://www.kirupa.com/developer/mx2004/thumbnails.htm). But after I was finished and was trying to use my own pictures I discovered a problem. The thumbnails/pictures that is used in the tutorial is all the same size. My thumbnails/pictures have lot of different sizes. Some of them is width pictures and some height. And that makes the space between the thumbnails really wrong. Some of the thumbnails are laying double, and some of the have a large spaces between. How to fix this?

Here is the thumbnail script: http://www.kirupa.com/developer/mx2004/thumbnails3.htm

And here is my problem: http://www.joakimmarkussen.com/flash...ry_user_mx.swf



ActionScript.org Forums > ActionScript Forums Group > ActionScript 2.0
Posted on: 03-07-2007, 10:26 PM


View Complete Forum Thread with Replies

See Related Forum Messages: Follow the Links Below to View Complete Thread

Stopping A Scrolling Thumbnail Scrolling On Its Loadup?
Firstly hey all hope you can help me with what is hopefully an easy question.

Firstly I've made a vertical scrolling verison based on the actionscript of this Tutorial. However because of the lopped motion Tween it begins scrolling instantly after its loaded. I want it to load frozen until the mouse is rolled-on is there anyway in actionscript or by editting the tweens to make it this possible???

This link is an example of my thumbnail scroller (sorry for the shameless self promo of my website!)
http://seantooley.com/pages/Scars&Sp...sGallery15.htm

This is a link to the tutorial I used (tutvid.com) Though it was good!.
http://www.youtube.com/watch?v=2TrIQ...1DBDD6&index=5

Lastly the actionscript if it helps. which I hope someone can! I would be a very grateful man to whoever can provide the answer !!

_root.onEnterFrame = function(){
if(_root._xmouse<240) {
myVar=false;
}
if(_root._xmouse>2) {
myVar=true;
}

if(_root._ymouse<13 and myVar==true) {
ImageBar.prevFrame();
}
if(_root._ymouse>445and myVar==true) {
ImageBar.nextFrame();
}
}

Thanks again Sean Tooley

Scrolling Thumbnail
I am currently using MX,

I got the scrolling thumbnail to work...but how do I call out the larger image when mouse over.

I tried this script but it didn't work.

btn1_btn.onRollOver= function(){
myScreen_mc.gotoAndStop(1);
}


Any help would be appreciated. Thanks!

Thumbnail Scrolling
Hi, i purchase a photo gallery with all the source code. Is all great but the only thing i would like to have to have a auto scrolling on the thumbnail. I ask the guy if he can help me for this type but he said he couldn't help me for this. But he guide a file that he give me to change, (thumbArea.as). Here the code source;


import mx.transitions.easing.Strong;
import mx.transitions.Tween;
import mx.utils.Delegate;

import com.airtightinteractive.apps.viewers.simpleViewer. Options;
import com.airtightinteractive.apps.viewers.simpleViewer. RolloverButton;
import com.airtightinteractive.apps.viewers.simpleViewer. StageManager;
import com.airtightinteractive.apps.viewers.simpleViewer. Thumb;
import com.airtightinteractive.apps.viewers.simpleViewer. XMLManager;
import com.airtightinteractive.util.RectUtil;

class com.airtightinteractive.apps.viewers.simpleViewer. ThumbArea {

private static var instance : ThumbArea;

private var mStageManager:StageManager;
private var mXMLManager:XMLManager;

private var mThumbs:Array; //refs to all thumbs
private var mNextBtn:RolloverButton;
private var mBackBtn:RolloverButton;
private var mWidth:Number;
private var mHeight:Number;
private var mDisplayAreaGotoX:Number;
private var mSelectedThumbIndex:Number;
private var mPageSize: Number; //number of thumbs per page
private var mFirstIndexDisplayed: Number; //first thumb on this page
private var mLastIndexDisplayed: Number; //= mFirstIndexDisplayed + mPageSize
private var mColumns:Number;
private var mRows:Number;

private var mClip_mc:MovieClip;
private var mPagingTwn:Tween;

/**
* @return singleton instance of ThumbArea
*/
public static function getInstance() : ThumbArea {
if (instance == null)
instance = new ThumbArea();
return instance;
}

private function ThumbArea() {

}

/***
* Initialize. Called after XML loaded
*/
function init(target:MovieClip){

mClip_mc = target.createEmptyMovieClip("thumbarea",target.get NextHighestDepth());

mStageManager = StageManager.getInstance();
mXMLManager = XMLManager.getInstance();
mRows = mXMLManager.thumbnailRows;
mColumns = mXMLManager.thumbnailColumns;
mPageSize = mRows*mColumns;
mFirstIndexDisplayed = 0;
mSelectedThumbIndex = 0;
mLastIndexDisplayed = mPageSize;
mDisplayAreaGotoX = 0;
mWidth = (Thumb.thumbWidth + Thumb.padding)*mColumns;
mHeight = (Thumb.thumbHeight + Thumb.padding)*mRows - Thumb.padding;

Key.addListener(this);
Mouse.addListener(this);

//allow zero thumbs
if (mPageSize == 0) return;

//show thumb nav buttons if required
if (mXMLManager.imageCount > mPageSize ) {

//init thumbnail navigation buttons
mClip_mc.attachMovie("ThumbNextButton","mcNextBtn" ,mClip_mc.getNextHighestDepth());
mNextBtn = new RolloverButton(mClip_mc.mcNextBtn);
mNextBtn.doAction = Delegate.create(this, showNextPage);
mClip_mc.attachMovie("ThumbBackButton","mcBackBtn" ,mClip_mc.getNextHighestDepth());
mBackBtn = new RolloverButton(mClip_mc.mcBackBtn);
mBackBtn.doAction = Delegate.create(this, showPreviousPage);

if (Options.fixedLayout){
mBackBtn.setPosn(Options.backThumbArrowX,Options.b ackThumbArrowY);
mNextBtn.setPosn(Options.nextThumbArrowX,Options.n extThumbArrowY);
}else{
mBackBtn.setPosn(0,mHeight);
mNextBtn.setPosn(mWidth - (Thumb.thumbWidth + Thumb.padding),mHeight);
}


mBackBtn.clickShift = 1;
mNextBtn.clickShift = 1;
mNextBtn.hideOnRollOut = false;
mBackBtn.hideOnRollOut = false;

mBackBtn.setRGB(mXMLManager.pagingArrowsColor);
mNextBtn.setRGB(mXMLManager.pagingArrowsColor);


}


//mcDisplayArea slides within a mask to create paging
mClip_mc.createEmptyMovieClip("mcDisplayMask",mCli p_mc.getNextHighestDepth());
mClip_mc.mcDisplayMask.beginFill(0xFFFF00, 100);
var maskWidth:Number = mWidth - Thumb.padding + Thumb.selectedFrameOffset*2;
var maskHeight:Number = mHeight + Thumb.selectedFrameOffset*2;
RectUtil.rectangle(mClip_mc.mcDisplayMask, -Thumb.selectedFrameOffset,-Thumb.selectedFrameOffset,maskWidth,maskHeight);
mClip_mc.mcDisplayMask.endFill();
mClip_mc.createEmptyMovieClip("mcDisplayArea",mCli p_mc.getNextHighestDepth());
mClip_mc.mcDisplayArea.createEmptyMovieClip("mcSli dingDisplayArea",mClip_mc.mcDisplayArea.getNextHig hestDepth());
mClip_mc.mcDisplayArea.setMask(mClip_mc.mcDisplayM ask);
mPagingTwn = new Tween(mClip_mc.mcDisplayArea.mcSlidingDisplayArea, "_x", Strong.easeOut, 0, 0, Options.thumbnailMotionLength, false);
//mClip_mc.mcDisplayMask._alpha = 20;


}

/**
* Start loading thumbs. Called by StageManager.
*
*/
public function createThumbs():Void{

mThumbs = [];
for (var i : Number = 0; i <= mXMLManager.imageCount-1; i++) {
mThumbs[i] = new Thumb(mClip_mc.mcDisplayArea.mcSlidingDisplayArea, i,mXMLManager.thumbPath + mXMLManager.imageFileNames[i]);
//position thumbs
var pageIndex = Math.floor(i/(mColumns*mRows));
var ipos = i%mColumns;
var jpos = Math.floor((i - pageIndex*pageSize)/mColumns);
mThumbs[i].setPosn((Thumb.thumbWidth+Thumb.padding)*ipos + mWidth*pageIndex,
(Thumb.thumbHeight+Thumb.padding)*jpos );
}
updateNav();
//load 1st thumb
mThumbs[0].loadThumb();
}

/**
* Tween to page that shows the requested index
*
*/
private function showIndex(index:Number,instantTween:Boolean){
var newPageId = Math.floor(index/mPageSize);
mDisplayAreaGotoX = -mWidth*newPageId;
var tweenTime = instantTween ? 1 : Options.thumbnailMotionLength;
mPagingTwn.continueTo(mDisplayAreaGotoX,tweenTime) ;
mFirstIndexDisplayed = mPageSize*newPageId;
updateNav();
}

private function updateNav(){
mLastIndexDisplayed = mFirstIndexDisplayed + mPageSize;
mBackBtn.visible = mFirstIndexDisplayed > 0;
mNextBtn.visible = mLastIndexDisplayed < mXMLManager.imageCount;
}

private function showNextPage():Void{
mFirstIndexDisplayed += mPageSize;
//show next page
mDisplayAreaGotoX -= mWidth;
mPagingTwn.continueTo(mDisplayAreaGotoX,Options.th umbnailMotionLength);
updateNav();
}

private function showPreviousPage():Void{
mFirstIndexDisplayed -= mPageSize;
if (mFirstIndexDisplayed < 1) mFirstIndexDisplayed = 0;
//show prev page
mDisplayAreaGotoX += mWidth;
mPagingTwn.continueTo(mDisplayAreaGotoX,Options.th umbnailMotionLength);
updateNav();
}

public function showImageProgress(index:Number,percent:Number){
mThumbs[index].showImageProgress(percent);
}

public function showImageLoadComplete(index:Number){
mThumbs[index].showImageLoadComplete();
//show first image when loaded
if (index == mSelectedThumbIndex){
mThumbs[index].select();
}
}

public function set selectedThumbIndex(index:Number):Void{
if (index < 0 ) return;
if (index >= mXMLManager.imageCount ) return;
if (index == mSelectedThumbIndex) return;
//unselect last
mThumbs[mSelectedThumbIndex].unselect();
mSelectedThumbIndex = index;
mThumbs[index].select();
if (mSelectedThumbIndex < mFirstIndexDisplayed){
showIndex(mSelectedThumbIndex,false);
}else if (mSelectedThumbIndex >= mLastIndexDisplayed){
showIndex(mSelectedThumbIndex,false);
}
}

public function get selectedThumbIndex():Number{
return mSelectedThumbIndex;
}

public function get pageSize():Number{
return mPageSize;
}

public function setPosn(x:Number,y:Number):Void{
x = Math.round(x);
y = Math.round(y);
mClip_mc._x = x;
mClip_mc._y = y;
}

private function onKeyDown() {
if(Key.isDown(Key.LEFT)) {
selectedThumbIndex = selectedThumbIndex -1;
}else if(Key.isDown(Key.RIGHT)) {
selectedThumbIndex ++;
}else if(Key.isDown(Key.UP)) {
selectedThumbIndex -= mColumns;
}else if(Key.isDown(Key.DOWN)) {
selectedThumbIndex += mColumns;
}else if(Key.isDown(Key.HOME)) {
selectedThumbIndex = 0;
}else if(Key.isDown(Key.END)) {
selectedThumbIndex = mXMLManager.imageCount-1;
}else if(Key.isDown(Key.PGUP)) {
selectedThumbIndex -= mPageSize;
}else if(Key.isDown(Key.PGDN)) {
selectedThumbIndex += mPageSize;
}
}

private function onMouseWheel(delta:Number) {
if (delta > 0){
selectedThumbIndex --;
}else{
selectedThumbIndex ++;
}
}

function toString():String{
return "thumbArea";
}

public function get width():Number{
return mWidth - Thumb.padding;
}

public function get height():Number{
return mHeight;
}

public function get navHeight():Number{

if (mXMLManager.imageCount <= mPageSize || mPageSize == 0) {
return 0;
}else{
return Thumb.thumbHeight;;
}
}

public function loadNextThumb(index:Number){
var p:Number = index+1;
mThumbs[p].loadThumb();
}
}


Can you help me on this????

Scrolling Thumbnail
I am new to flash andI am working on a scrolling thumbnail panel but, I can't figure out how to enlarge each picture on the same scene when you click. Please help me.





























Edited: 11/10/2006 at 01:19:58 AM by Missnana2004

Scrolling Thumbnail
I am new to flash andI am working on a scrolling thumbnail panel but, I can't figure out how to enlarge each picture on the same scene when you click. Please help me.

Help With Scrolling Thumbnail?
I'm trying to complete a tutorial on the scrolling thumbail. It's suppose to be real simple just some buttons inside a movie clip named PANEL. On mouseover left or right of center the buttons are suppose to scroll left and right. unfortunately i've spent most of the afternoon checking and re checking my code. If any one could shed some light on my problem i would be very grateful! Here is what i have:

panel.onRollOver = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel() {
if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}

var xdist = _xmouse - 275;

panel._x += -xdist / 7;
}

Also this tutorial i'm refering to is for Flash MX and i'm using Flash pro 8. Is this possibly causing the problem?

Help With Scrolling Thumbnail?
I'm trying to complete a tutorial on the scrolling thumbail. It's suppose to be real simple just some buttons inside a movie clip named PANEL. On mouseover left or right of center the buttons are suppose to scroll left and right. unfortunately i've spent most of the afternoon checking and re checking my code. If any one could shed some light on my problem i would be very grateful! Here is what i have:


Also this tutorial i'm refering to is for Flash MX and i'm using Flash pro 8. Is this possibly causing the problem?







Attach Code

panel.onRollOver = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel() {
if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}

var xdist = _xmouse - 275;

panel._x += -xdist / 7;
}

























Edited: 09/08/2007 at 10:25:39 PM by shapesbyh.com

Thumbnail Scrolling
I have thumbnails setup that I want to scroll vertically when you roll over them. I only have 12 thumbnails in the panel right now (3 are masked out). Can anyone tell me what I am doing wrong or just not doing at all?

Here is a link to download the flash file:
http://parkatdavidson.com/thumbnails.fla

Thanks!

Thumbnail Scrolling
Hi all,
I'm trying to recreate thumbnail scrolling as on this template:
http://www.dynamicfactory.us/xmlswfd...v9b/index.html
it involves resizable window and very neat delay efect. I find this thumbnail viewing very precise and effective depending on where your mouse is, anyway so far I'm somewhere here:

http://www.maciejstec.com/test/

hopeless, as it either goes too far or not far enough, I know there must be an easy way to do it, but I can't seem to find it, here's my code responsible for scrolling:

onEnterFrame = function () {
if(_xmouse>mask_mc._x and _xmouse<mask_mc._x+mask_mc._width and _ymouse>mask_mc._y and _ymouse<mask_mc._y + mask_mc._height){
var s;
s= slider_mc._width - mask_mc._width;
mPerc = _xmouse/(mask_mc._width);
slider_mc._x += (-s*mPerc-slider_mc._x)/5;
}
}

I assumed you have to take a percentage position of mouse as the windows are resizable and it should be a minus value of a mouse position for the slider_mc plus some margins on the beginning and end... anyway, help!!! I'm runing in circles...

note:
slider_mc is a movie clip with all thumbnails in it, it's width depends on the number of thumbnails loaded from xml...
mask_mc is simplya window to view the thumbnails that needs to be scaled as the browser window is extended/shrinked

here's a scaling part of script:

stop();

Stage.scaleMode = "noScale";

var HPositioner:Number = (Math.round((Stage.width - 800) / 2));
var VPositioner:Number = (Math.round((Stage.height - 600) / 2));

function HPositionCubes () {
if (Stage.width >= 801) {
var HPositioner:Number = (Math.round((Stage.width - 800) /2));
setProperty(topLeftCube_mc, _x, 0 - HPositioner);
setProperty(mask_mc, _x, 0 - HPositioner);
setProperty(maskframe_mc, _x, 0 - HPositioner);
setProperty(bottomRightCube_mc, _x, (800 + HPositioner) - 89);
} else {
setProperty(topLeftCube_mc, _x, 0);
setProperty(mask_mc, _x, 0);
setProperty(bottomRightCube_mc, _x, 800 - 89);
}
}

function VPositionCubes () {
if (Stage.height >= 601) {
var VPositioner:Number = (Math.round((Stage.height - 600) /2));
setProperty(topLeftCube_mc, _y, 0 - VPositioner);
setProperty(bottomRightCube_mc, _y, (600 + VPositioner) - 84);
} else {
setProperty(topLeftCube_mc, _y, 0);
setProperty(bottomRightCube_mc, _y, 600 - 84);
}
}

HPositionCubes();
VPositionCubes();

setProperty(bg_mc, _width, (Stage.width*0.3));
setProperty(bg_mc, _height, (Stage.width*0.3));
setProperty(mask_mc, _width, Stage.width);
setProperty(maskframe_mc, _width, Stage.width);

var resizeListener:Object = new Object();
Stage.addListener(resizeListener);

resizeListener.onResize = function () {
setProperty(bg_mc, _width, (Stage.width*0.3));
setProperty(bg_mc, _height, (Stage.width*0.3));
setProperty(mask_mc, _width, Stage.width);
setProperty(maskframe_mc, _width, Stage.width);
HPositionCubes();
VPositionCubes();
}

Scrolling Thumbnail Help
Hello,

I need help with an actionscript to do scrolling thumbnails. I have done straight linear ones but need some help with this one. I have attached a gif depicting what I would like to do, I thought that would be much easier to understand than writing it out. please let me know if you have any questions, as I am new to flash.


help.gif


Thanks for everyones help!!!!!

Help With Scrolling Thumbnail
Hi !!! I want to make a dynamic scrolling thumbnail instead of the Carousel ... How can i do it ??? Some one have an idea ???

Thanks !!!

Scrolling Thumbnail Navigation
Does anyone know where I can get a good tutorial on how to create a scrollin thumbnail viewer. What I mean is there is a set of buttons when you press a button it will slide a movie clip sideways to a predetermined destination. Any info much appreciated. I looked here but could not find one....Please help

Scrolling Thumbnail Gallery
I want to create a small gallery of images for a portfolio. I like the treatment used on http://www.sf49ers.com where you can click on the image to advance to the next image, although I'd probably do mine as a rollover. I can figure out the button to forward to the next image, but it's the back button that's thrown me for a loop. How do you get a movie clip to play "in reverse"? Also, how do you make the images repeat seamlessly. I'm guessing that it's two movie clips back to back, but I'm not sure.

Any suggestions would be greatly appreciated.

Thanks!!

Plz Help Me, Scrolling Thumbnail Panel
hello boy's/girl's i followed a tutorial on www.gotoandlearn.com, about a scrolling thumbnailpanel, I made it a mouse sensetive slideshow. How futher you drag the mouse from the center, how faster it's move to that direction, ("left/right"). The problem is if you drag out your mouse of the slideshow, it's still moving with the same speed, to the side it was scrolling. when you dragged out your mouse.

What i want is that if you drag out your mouse, that the slideshow loosing his speed, and after like 3 pictures slowly stops, and not if you drag out your mouse, that the slideshow immediatly stop's.

here is the code, i hope some of you can help me??


Code:
stop();

slideshow.onRollOver = slideshowOver;

function slideshowOver() {
this.onEnterFrame = scrollSlideshow;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollSlideshow() {
if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = slideshowOver;
delete this.onEnterFrame;
}

if(slideshow._x >= -40) {
slideshow._x = -40;
}

if(slideshow._x <= -2230) {
slideshow._x = -2230;
}

var xdist = _xmouse - 310

slideshow._x += -xdist / 6;
}
plz help me

Help With Scrolling Thumbnail Navigation
Hi!

I'm making a website with my portfolio and in the gallery I wanted to have one of those thumbnail scroll bars/panels. I want the bar to be vertical (scrolling up and down) with two arrows on each end. When you roll over the arrows the thumbnails scroll. Can anybody tell me how to do it?

I've seen a tutorial on something similar here

http://www.creativecow.net/articles/...ail_panel.html

however, this one doesnt have the arrow elements that would control the thumbs and is horizontal.

I'd appreciate your help very much. I also want to say that I'm fairly new to flash.

Thanks!

Dynamic Scrolling Thumbnail
hi,

i'm trying to figure out how to do a scrolling thumbnail that expand as more pictures are added. it has to be dynamic also, so that the scrollbar can auto detect the length and adjust itself.

any help is greatly appreciated.

thanks in advance.

[CS3] Scrolling Thumbnail AS2 Question
Hello All;

I have a thumbnail scroll bar built in actionscript, here is the code;


Code:
this.createEmptyMovieClip("container",1);

var imagesNumber:Number = 9;
for (i=1; i<=imagesNumber; i++) {
container.attachMovie("thumb"+i,"thumb"+i+"_mc",i);
myThumb_mc = container["thumb"+i+"_mc"];
myThumb_mc._x = (i-1)*myThumb_mc._width;
myThumb_mc._y = (Stage.height-myThumb_mc._height)/2

}

container.onEnterFrame = function() {
this._x += Math.cos((-_root._xmouse/Stage.width)*Math.PI)*15;
if (this._x>0) {
this._x = 0;
}
if (-this._x>(this._width-Stage.width)) {
this._x = -(this._width-Stage.width);
}
};
My issue is the way that I got it to work, the positioning of the movieclips is based on all of the MC's being the same width,
Code:
myThumb_mc._x = (i-1)*myThumb_mc._width;
I am trying to achieve having varying sized MC's and having there position be based on adding the widths of the previous MC's. But seeing as I'm retarded when it comes to math and formulas, I cannot get it to function properly any other way. I've tried some BAD attempts at coding it and wondering if someone could get me started on how to approach.

Thanks a lot in advance.

Help With This Thumbnail Scrolling Effect?
Hi!

I've attached a file that lays out in simple fashion what I want to do: create a vertical scroller that scrolls through a list of 5+ buttons. The effect would be very similar to FlashLoaded's ThumbNailer. But the Thumbnailer doesn't support PNG files, and ultimately that is what I need to use.

Any help would be much appreciated.

Cheers,
JS

Scrolling Thumbnail Panel
I desperately trying to recreate the same kind of Scrolling Thumbnail Panel as described in this tutorial:

http://www.creativecow.net/articles/...ail_panel.html

I went trough this tutorial for several times. Once I even replicated the exactly same settings (the size, the number of thumbnails/buttons and etc). It is not working for me at all.
Please tell me that this tutorial was written for previous version of ActionScript or for previous version of Flash. And the scrolling Thumbnail panel from thiss tutorial simply won't work with latest Flash.
I would appreciate for ANY links to where I could locate another source for Scrolling Thumbnail Panel.
Thanns in advance!

HELP With XML And Scrolling Thumbnail With Description
ok i have a xml scroller loading external jpg thumb this works...but now i want to have a description (text field) node scroll with the thumbnail.....

here is the function for the thumbnail scroller, i've already did my idea on how i thought the text field would work.....it's not.....IN BOLD is how i thought code for how to repeat the text description.....


function thumbnails_fn(k) {
//trace(k);
thumbhldrmc.thumbnailsmc.createEmptyMovieClip("t"+ k, thumbhldrmc.thumbnailsmc.getNextHighestDepth());
//create the text field for thumbnail description
thumbhldrmc.thumbnailsmc.createEmptyMovieClip("the Text"+k, thumbhldrmc.thumbnailsmc.getNextHighestDepth());
thumbhldrmc.thumbnailsmc.theText.createTextField(" presstitle"+k, thumbhldrmc.thumbnailsmc.theText.getNextHighestDep th(), 0, 80, 100, 10);


thumbhldrmc.setMask(target_mc);
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._y = hit_left._y+(target_mc._height+20)*k;
target_mc.covermcValue = k;
trace(k);
//
target_mc.onRelease = function() {
p = this.covermcValue-1;
nextImage();
};
//
target_mc.onRollOver = function() {

this._alpha = 50;
thumbNailScroller();

};
//
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
//
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumb[k], "thumbhldrmc.thumbnailsmc.t"+k);
//
image_mcl2 = new MovieClipLoader();
image_mcl2.addListener(tlistener);
image_mcl2.loadClip(presstitle[k], "thumbhldrmc.thumbnailsmc.theText.presstitle"+ k);
trace(presstitle[k]);
//
}


now in the trace (presstitle[k]) i see the presstitle text but it doesn't appear in the MC?

where did i go off track.......
thanks

Scrolling Thumbnail Panel...
I'm designing a flash app, which will enable the user to place items of clothing on a model, the items of clothing are movie clips, I have contained these movie clips in a scrolling thumbnail panel, I have used the exact same scrolling panel as in the tutorial on this site gotandlearn. I would just like to know what scripting would I use to get my clothing items (movie clips) within the scrolling panel when clicked on to be placed on my model, and how would I reset that action once done? so the items of clothing can be taken off. Here is the scripting I have used for the scrolling thumbnail panel.

panel.onRollOver = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel() {
if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}

if(panel._x >= 89) {
panel._x = 89;
}

if(panel._x <= -751) {
panel._x = -751;
}

var xdist = _xmouse - 250;

panel._x += Math.round(-xdist / 7);
}

Scrolling Thumbnail Panel
My scrolling thumbnail panel work great but I want to ad some extra functionality. I have two arrows above the panel. One for left and one for right.
Once the panel gets all the way to the left I want the left arrows alpha value to be set at 0 and once it begins to scroll right it needs to be visible again.

here is my attempt. Only the left arrows alpha is at 0 since beginning xPos is 0.


ActionScript Code:
mouseX = _xmouse;
mouseY = _ymouse;
menuX = menu._x;
// -----------
function gotoURL(movieNum) {
    getURL("javascript:flashURL("+movieNum+");");
}
// ------------
if (mouseX>314) {
    diff = (mouseX-314)/40;
}
if (mouseX<313) {
    diff = (313-mouseX)/40;
}
if (mouseX<=313 && mouseX>=10 && mouseY>=100 && mouseY<=575 && menuX<=0) {
    setProperty("menu", _x, menuX+diff);
}
if (mouseX>=314 && mouseX<=617 && mouseY>=100 && mouseY<=575 && menuX>=-627) {
    setProperty("menu", _x, menuX-diff);
}
if (menu._x>=0) {
    menu._x = 0;
} else if (menu._x<=-627) {
    menu._x = -627;
}
// ---------
gotoAndPlay(1);
// ----------
// Hide Arrows
menu.onEnterFrame = function() {
    if (menuX<=0) {
        lArrow._alpha = 0;
    } else if (menuX>=625) {
        rArrow._alpha = 0;
    }
};
// show arrows
menu.onEnterFrame = function() {
    if (menuX>=1) {
        lArrow._alpha = 100;
    } else if (menuX<=625) {
        rArrow._alpha = 100;
    }
};
// -----------
// see all styles button
b5.onPress = function() {
    _root.gotoURL(5);
};

Scrolling Thumbnail Panel
I've been trying to create a scrollong thumbnail panel through Flash 8 Professional using a tutorial on www.gotoandlearn.com. I have followed the instructions almost instantly but it won't work for me, can anyone help? I have put the actionscript I used below in case anyone can find a mistake, but I'm almost certain its the same as in the tutorial?

panel.onRollover = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel(){
if (_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax){
this.onRollOver = panelOver;
delete this.onEnterFrame;
}

if(panel._x >= 51.1) {
panel._x = 51.1;
}

if (panel_x <= -2588.8) {
panel._x = -2588.8;
}

var xdist = _xmouse - 350;

panel._x += -xdist / 7;
}


Any help would be greatly appreciated

Scrolling Thumbnail Panel
Hello,

I have a scrolling panel with 5 buttons within the panel. i am trying to make the panel scroll from left to right but it doesn't seem to be working

Here is a sample of what i tried

panel.onRollOver = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root)

function scrollPanel () {
if(_xmouse<b.xMin || _xmouse>b.Max || _ymouse<b.yMin || _ymouse>b.yMax);
this.onRollOver = panelOver;
delete this.onEnterFrame
}

if(panel._x >= -348.2) {
panel._x = -348.2;
}

if(panel._x >=-839.5) {
panel._x = -839.5;
}

var xdist = _xmouse -383;

panel._x += -xdist / 7

Any ideas?

Thanks

Scrolling Thumbnail Panel
I am new to flash andI am working on a scrolling thumbnail panel but, I can't figure out how to enlarge each picture on the same scene when you click. Please help me.

Scrolling Thumbnail Panel
I've been trying to create a scrollong thumbnail panel through Flash 8 Professional using a tutorial on www.gotoandlearn.com. I have followed the instructions almost instantly but it won't work for me, can anyone help? I have put the actionscript I used below in case anyone can find a mistake, but I'm almost certain its the same as in the tutorial?

panel.onRollover = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel(){
if (_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax){
this.onRollOver = panelOver;
delete this.onEnterFrame;
}

if(panel._x >= 51.1) {
panel._x = 51.1;
}

if (panel_x <= -2588.8) {
panel._x = -2588.8;
}

var xdist = _xmouse - 350;

panel._x += -xdist / 7;
}


Any help would be greatly appreciated

Scrolling Thumbnail Panel
I'm designing a flash app, which will enable the user to place items of clothing on a model, the items of clothing are movie clips, I have contained these movie clips in a scrolling thumbnail panel, I have used the exact same scrolling panel as in the tutorial on this site gotandlearn. I would just like to know what scripting would I use to get my clothing items (movie clips) within the scrolling panel when clicked on to be placed on my model, and how would I reset that action once done? so the items of clothing can be taken off. Here is the scripting I have used for the scrolling thumbnail panel.

panel.onRollOver = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel() {
if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}

if(panel._x >= 89) {
panel._x = 89;
}

if(panel._x <= -751) {
panel._x = -751;
}

var xdist = _xmouse - 250;

panel._x += Math.round(-xdist / 7);
}

Problems With Thumbnail Scrolling..
I've recently done the following tutorial:

http://www.kirupa.com/developer/mx2004/thumbnails.htm

and I've managed to get it all working and change the look of etc to match thesite I need it for.

The problem is I dont want to have to copy and paste those frames into my own flash file. I tried creating a movie clip with them in instead and it all works apart from the slider bar. I'm guessing its because the hit_left and hit_right movieclips are now within another movie clip and so aren't registering when the mouse is over them...

What other way can I get this to work?

Many Thanks in advance

Sean

Problems With Thumbnail Scrolling..
I've recently done the following tutorial:

http://www.kirupa.com/developer/mx2004/thumbnails.htm

and I've managed to get it all working and change the look of etc to match thesite I need it for.

The problem is I dont want to have to copy and paste those frames into my own flash file. I tried creating a movie clip with them in instead and it all works apart from the slider bar. I'm guessing its because the hit_left and hit_right movieclips are now within another movie clip and so aren't registering when the mouse is over them...

What other way can I get this to work?

Many Thanks in advance

Sean

Scrolling Thumbnail Menu
Hello All,

I am currently trying to develop a scrolling menu like the one on http://www.hersheys.com/home.asp I dont understand how they get the menu to continue scrolling with hesitation. Can anyone hel me, i would greatly appreciate it.

Help With Scrolling Thumbnail Images
Hi
I'm trying to make something in flash mx 2004. Basicaly it's concept contain three things.
First part is where I place external swf files, second part is thumbnail images, and third part is navigation buttons.

Main problem is how to list those thumbnail images? I have 81 thumbnail images that I need to put in a movie clip. Since all of the images can't be placed on the screen in one time, I need to know the way how to list them using scroll?

Another problem is when I use navigation buttons, current image that is viewed have to have some kind of marking, so viewer could know what image he is viewing.

Thanks in advance.

Laki

Scrolling Thumbnail Panel
Im am creating a scrolling thumbnail panel and I have found a very good tutorial of what it is that I am looking for at gotoAndLearn.com but I need the thumbnails to be on a loop.

Any suggestions on how to do this would be greatly appreciated.

Cheers,
Nick

Scrolling Thumbnail Problem
Hey guys!

I made a thumbnail scroller and got it working, horizontally...
When I tried to make it work vertically, no luck!
I've attached the file for convenience.
Please help me, I need this guys.

This is the code:


Code:
panel.onRollOver = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel() {
if(_ymouse<b.xMin || _ymouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}

if(panel._y >= 60) {
panel._y = 60;
}

if(panel._y <= -820) {
panel._y = -820;
}

var ydist = _ymouse - 215;

panel._y += Math.round(-ydist / 5);
}

Scrolling Thumbnail Transitions
I have a main swf into which thumbnails are loaded.

The thumbnail swfs have some actionscript to allow the user to scroll through the various thumb buttons. (Basically by changing a movieclip's position relative to the mouse position.)

I'd like to have a brief intro and outro animation for each thumbnail swf as the user moves from on group of thumbs to the next. The problem is that if the user is in the middle of a thumb swf and clicks one of the navigation buttons the swf will jump to the head or tail to play the intro/outro.

Does anyone know of a way to check the coordinates of the movie clip and reset them? To make everything behave smoothly, I think I'd also need to add a tween.

Any help would be greatly appreciated.

Scrolling Thumbnail Gallery...HELP
Can anybody point my in the direction of a good tutorial for a scrolling thumbnail gallery, I have created a movie clip called scroll which contains all the individual thumbnails, and also know how to mask it so only a couple thumbnails show on stage, really it is the action script to control the scrolling action back and forth, and the script to open the movie clip of the full size image on the stage that I am looking for.
This is only the way I thought about creating this, any other perhaps easier options would be appreciated, cant seen to find a good tut on the web.
Regards,
Ryan (beginner/intermediate flash user)

Scrolling Thumbnail Panel
My scrolling thumbnail panel work great but I want to ad some extra functionality. I have two arrows above the panel. One for left and one for right.
Once the panel gets all the way to the left I want the left arrows alpha value to be set at 0 and once it begins to scroll right it needs to be visible again.

here is my attempt. Only the left arrows alpha is at 0 since beginning xPos is 0.


ActionScript Code:
mouseX = _xmouse;mouseY = _ymouse;menuX = menu._x;// -----------function gotoURL(movieNum) {    getURL("javascript:flashURL("+movieNum+");");}// ------------if (mouseX>314) {    diff = (mouseX-314)/40;}if (mouseX<313) {    diff = (313-mouseX)/40;}if (mouseX<=313 && mouseX>=10 && mouseY>=100 && mouseY<=575 && menuX<=0) {    setProperty("menu", _x, menuX+diff);}if (mouseX>=314 && mouseX<=617 && mouseY>=100 && mouseY<=575 && menuX>=-627) {    setProperty("menu", _x, menuX-diff);}if (menu._x>=0) {    menu._x = 0;} else if (menu._x<=-627) {    menu._x = -627;}// ---------gotoAndPlay(1);// ----------// Hide Arrowsmenu.onEnterFrame = function() {    if (menuX<=0) {        lArrow._alpha = 0;    } else if (menuX>=625) {        rArrow._alpha = 0;    }};// show arrowsmenu.onEnterFrame = function() {    if (menuX>=1) {        lArrow._alpha = 100;    } else if (menuX<=625) {        rArrow._alpha = 100;    }};// -----------// see all styles button b5.onPress = function() {    _root.gotoURL(5);};

I Want My Scrolling Thumbnail Still On Its Load-up
Firstly hey all hope you can help me with what is hopefully an easy question.

Firstly I've made a vertical scrolling verison based on the below Tutorial (2nd Link).. However because of the lopped motion Tween it begins scrolling instantly after its loaded. I want it to load frozen until the mouse is rolled-on is there anyway in actionscript or by editting the tweens to make it this possible???

This link is an example of my thumbnail scroller (sorry for the shameless self promo of my website!)
http://seantooley.com/pages/Scars&Sp...sGallery15.htm

This is a link to the tutorial I used (tutvid.com) Though it was good!.
http://www.youtube.com/watch?v=2TrIQ... DBDD6&index=5

Lastly the actionscript if it helps. which I hope someone can! I would be a very grateful man to whoever can provide the answer !!

_root.onEnterFrame = function(){
if(_root._xmouse<240) {
myVar=false;
}
if(_root._xmouse>2) {
myVar=true;
}

if(_root._ymouse<13 and myVar==true) {
ImageBar.prevFrame();
}
if(_root._ymouse>445and myVar==true) {
ImageBar.nextFrame();
}
}

Thanks again Sean Tooley

Components And Scrolling Thumbnail.
Hello everyone,
Im woundering how to close a window component and how to scroll the scrolling thumbnail again after clicking one of the thumbnails to activate a window comonent? The window component should be on the stage and the scrolling thumbnail should come from a swf file. Adding to that wounder how to put a swf file with buttons like the scrolling thumbnail onto the stage, also in a certain area so it doesn't disturb the window component?
Pls reply back with a solution! This is very important for me! Its a big school project im doing.

This script is button to activate the window component, here there is a delete window problem:

on (press) {
import mx.managers.PopUpManager;
import mx.containers.Window;
var myTW = PopUpManager.createPopUp(_root, Window, true, {closeButton:true, title:"My Window"});
myTW.setSize(200, 200);
myTW.title = "ALERT!"
windowListener = new Object();
windowListener.click = function(evt) {
_root.myTW.deletePopUp();
};
myTW.addEventListener("click", windowListener);
}

Sorry that I am asking so much but i really need these info for the project an I am a big newb when it comes to scripting.
Pls reply back,
Thanks,
Hari

Help With Scrolling Thumbnail Panel
Hi,

I am building a simple flash scrolling thumbnail panel. Which I have done with no problems thanks to gotoandlearn. My problem is that when I click on a button id like it to go to a certain frame in the time line. I’ve been working on this for two days lol and thought I should ask someone who has more experience in Flash.

Thank you so much (in advance)


Ok so this is my code,

panel.onRollOver = panelOver;

function panelOver( ) {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds (_root);

function scrollPanel () {
if(_xmouse<b.xMin || _xmouse>b.xMax || _ï½™mouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}
if(panel._x >=25.9) {
panel._x = 25.9;
}

if(panel._x <=-4143.4) {
panel._x = -4143.4;
}
var xdist = _xmouse - 250;

panel._x += -xdist /3
;
}
stop();

my button has an instance name of 1_btn. I’m just not sure how to add in the actionscript to tell that button to go to a certain frame on the timeline. Also, I’m not sure where to put in the code…

Sorry I’m very new to flash.

Thank You!!!

Scrolling Thumbnail Problem
Hey All!

I'm new to the forum and am hoping someone can help. I'm a designer, NOT a programmer. I've implimented the scrolling thumbnail panel for my portfolio website. What I'd like to do is have the thumbnails clickable so they will take you to another scene. I'm assuming that within the "panel" movie clip I would name the instance of each graphic. But from there...I'm clueless. I was hoping someone here can help. I would really apprecate it. Thanks!

Michelle

PS - Also, I'm interested in creating a drop-down menu as well. Can anyone point me in the direction of where to find one that is easy to modify? Once again, I appreciate the help :)

Scrolling Thumbnail Tutorial Help
Im trying to put together the "scrolling thumbnail" tutorial you have and I have copied it step by step, and dont know where i have gone wrong, when i go to publish it gives me a actionscript error and output like this;

**Error** Scene=Scene 1, layer=Actions, frame=1:Line 10: Syntax error.
Function scrollPanel() {

**Error** Scene=Scene 1, layer=Actions, frame=1:Line 11: There is no property with the name 'b'.
if(_xmouse,b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse.b.yMax) {

Total ActionScript Errors: 2 Reported Errors: 2

Scrolling Thumbnail Panel
I'm sure this has been discussed before, but how would you get the scrolling thumbnail panel to retrieve images from an XML file?

VERTICAL Scrolling Thumbnail
might seem like a simple problem, but what part of the actionscript changes in the srolling thumbnail tutorial, if i am designing the thumbs to scroll vertical vs. horizontal?

Thanks.

Easy Scrolling Thumbnail Fix
Hey all, I just did the scroll thumbnail tut..great stuff..I placed that scroll thumbnail panel at the bottom of my website. It works great except the panel reacts to the where the mouse is even when your not near the panel itself.. So if Im at the navigation at the top of my website that panels is scrolling. How can fix it so the panel only moves when your say over the masked area that exposes the thumbnails? Heres the code Im working with:

panel.onRollOver = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollover;
}

var b = stroke.getBounds(_root);

function scrollPanel() {
if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterframe;

}

if(panel._x >= -20) {
panel._x = -20;
}

if(panel._x <= -351) {
panel._x = -351;
}


var xdist = _xmouse - 377.5;

panel._x += -xdist / 9;
}


Thanks everyone!

Scrolling Thumbnail Panels
Hey,

I have been having a tad of trouble with this. I have included a scrolling thumbnail panel into my media player, and there has been one problem so far with it. That is, most tutorials on them seem to focus on a horizontal design, but I wanted to create one that is vertical. I have done so fairly well, but the scroll system seems to be only going one way. Can anyone spot the problem?

Here is the FLA.

XML Scrolling Thumbnail Panel
Hello Everyone,

This is my very first gotoAndLearn() Forum post!

Just wondering if anyone had attempted to use Lee's existing Scrolling Thumbnail Panel Tutorial and load the images dynamically via XML??

I was playing around with it but couldn't seem to get it working properly.

Any help with this would be great!

Lucy

Scrolling Thumbnail Tutorial
Hey,

I just completed the scrolling thumbnail tutorial and I really liked it! I was wondering if someone could point in the direction (or to a tutorial) of how I can make a larger picture appear when you click on the small thumbnail. I am not very advanced in flash, but if someone has any documentation or knows where I could read about it, that would be great! Thank you!

Scrolling Thumbnail Panel
I have been using the "scrolling thumbnail panel" tutorial on the site, and have got it working fine..

I want to add some actionscript to the buttons so as when the user clicks on one of the thumbnails the photo is displayed above the scrolling panel?

I am a beginner to Action script and I have tried to add some script with no luck...

Any help as to what i can do would be great!

Cheers! :D

Scrolling Thumbnail Panel Please Help
everything works with lee's tutoria on the scrolling thumbnail panel,l as always, but i don t know what to do in order to have a video loading on each button. Please please please help me out.

Copyright © 2005-08 www.BigResource.com, All rights reserved