Scrolling thumbnails

Hello:
Does anyone know how I can create scrolling thumbnail images that then link to an enlarged version of the image...without using frames?
take a look at this link:
http://www.carmencicero.com/image_display.php?category=figurative_exp
Can someone point me in the right direction on how to do this?
Thanks
Vincent

Have a look at AutoScroll at http://www.actionscafe.com/Features_Folder/AutoScroll/asfeatures.html. It's commercial software but it will do the job for you. Run the Quicktime MPEG-4 demos to see it in action.

Similar Messages

Tutorial on creating a scrolling thumbnail menu in AS 3.0

I've found several good tutorials in AS2.0 on creating a scrolling thumbnail menu bar for adding to a photo gallery, but nothing in AS3.0. Anyone have a tutorial or code they'd like to share?

A solution using tilelist component
import fl.controls.TileList;
    import fl.controls.listClasses.ImageCell;
    import fl.data.DataProvider;
    import fl.events.ListEvent;
    import flash.display.Sprite;
    import flash.events.Event;
    import flash.display.Loader;
    import flash.net.URLRequest;
var loader:Loader;
var dp:DataProvider = new DataProvider();
dp.addItem({label:"IMAGE 1",source:"images/image1.jpg"});
dp.addItem({label:"IMAGE 2",source:"images/image2.jpg"});
dp.addItem({label:"IMAGE 3",source:"images/image3.jpg"});
dp.addItem({label:"IMAGE 4",source:"images/image4.jpg"});
dp.addItem({label:"IMAGE 1",source:"images/image1.jpg"});
dp.addItem({label:"IMAGE 2",source:"images/image2.jpg"});
dp.addItem({label:"IMAGE 3",source:"images/image3.jpg"});
dp.addItem({label:"IMAGE 4",source:"images/image4.jpg"});
dp.addItem({label:"IMAGE 1",source:"images/image1.jpg"});
dp.addItem({label:"IMAGE 2",source:"images/image2.jpg"});
dp.addItem({label:"IMAGE 3",source:"images/image3.jpg"});
dp.addItem({label:"IMAGE 4",source:"images/image4.jpg"});
tilewindow.width=500;
tilewindow.height=100;
tilewindow.dataProvider = dp;
tilewindow.rowCount=1;
tilewindow.addEventListener(ListEvent.ITEM_CLICK,loadImage);
function loadImage(event):void{
loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,oncom);
loader.addEventListener(IOErrorEvent.IO_ERROR,onerr);
loader.load(new URLRequest(event.item.source));
function oncom(event):void{
container.addChild(loader.content);
loader.content.width=500;
loader.content.height=250;
function onerr(event):void{
trace(event);
complete source can be found here http://www.4shared.com/file/zeOd0Dey/tileListcomponent.html

XML scrolling thumbnail, image loader, & Buttons [halfway works]

Intro:
I started a flash-based website a few years ago. Back in 2006 I was able to get a xml scrolling thumbnail, image loader to work without a glitch.
For numerous reasons I had to put the project on hold until now. [one was that my 30 day trial of flash expired and only recently was I able to purchase the Adobe Web Suite CS4 as well as a new computer which could run the apps.]
Last Friday saw a bump in the road in the development of my site as two, rather straightforward task, turned into something short of a nightmare as I have been unable to get past these two, seemingly, relatively simple task.
I have posted in 4 other flash forums the issues, in detail, that I am facing - and have quite a bit of interest/views in the topic as the numbers suggest - yet no response/answer as of yet. [Which confirms other messages I have seen which seem to state that working with buttons has become increasingly difficult with the newer version of flash - something Im a bit surprised with actually from Adobe. - I would have thought there would be a palette where you could set parameters...]
Screenshot of Site/Timeline:
Before getting into the two questions I have, I would like to post an image of the site as it looks whenever an swf file is saved out, as well as a piece of the timeline in the back for reference.
Issue #1
As of now when the swf file is saved out you get exactly what you see above:
a: A scrolling thumbnail
b: ...which loads a large image when clicked on it - PEFECT...
BUT...
1a: I need for the buttons to load in this action, not for it to just load on its own.
[i.e., the silk_paintings gallery is what is open, so I need the "silk_paintings" button to call up this action]
note: Initially I had attacked this problem by taking out the actions layer you see above and applying it directly to the individual buttons with some crude MouseEvent Listener/Handerls... that did not work - at all.
Im sure it may be "easier" to make an array out of it, but with my coding level it may be "easier" to apply it to the buttons.
1b: How I currently see it, I would take the xml-list and duplicate it for the number of galleries I have.
[I would then re-name the xml-list to reflect the name of the galleries they are to represent, i.e. "silk_paintings"]
[also, I would have to rename the folders to "thumbnails1,2,3, etc., & "images 1,2,3, etc"
From there I would duplicate the actions and paste it into the buttons, changing the xml-list name to that of "silk_paintings", etc., as well as write in the MouseEvent listener Handler to make it work. [ah, ha, but what is that magic phrase, I have tried to implement various code from other tutorials, and all in vein.]
Issue #2
At this point I would be tickled pink just to get this to basic function to work.
However, once the buttons are working and calling up the xml, etc., then I need the buttons to stay on the semi-transparent blue color it is whenever in the 'hit' state. [note: NOT pictured above.]
With the way the buttons are currently set up, and with wanting to use scripting to get them to interact with the thumbnail gallery, it will have to be some miraculous code to tell that button what color to stay as whenever its clicked, and of course it going back to white when another button is clicked.
Conclusion:
Since this is an Adobe Forum I would like to make a few additional statements in hopes that the developers, etc. may take heed.
Adobes products are not cheap, and when I went to purchase the websuite I went in as a designer needing a program as not to need to program.
I understand the flexibility that coding gives, but something as simple as linking buttons should not be in the realms of rocket science. [yes, for many its not...but my brain just does not operate that route despite all the tutorials thrown at me.]
Again, it would seem that there would be a button panel where you could drag options like scrolling thumbnail slider, loader, and then parameters would come up. [much like Apples iWeb. - but before the argument of one being pro and the other for non-pros, I see it differently. Software should not be the limiting factor in how flexible you can design, or rather ones lack of programming shouldnt be. With all the talented, and I say this in all humility and honesty, programmers working for Adobe, Im sure something could be programmed like what Im asking for.]
note: Director is a good example, back in 1997 I knew nothing of multimedia and in one week I had assembled a portfolio, clicking buttons, speech, movies, and all. - and no, I dont have the money to buy more software!
At this moment I am at the mercy of someone who reads code like its a nighttime tale they are telling their kids, and who can see the exact issue I have and can share the appropriate, correct code. [as I have noticed, it has to be on target - naturally - but this target changes with just a slight change in the design.]
Thank you,
peace
Dalen
p.s.
The actionscript: [note: This is only the current working/good code that Im trying to get the buttons to call up.]
stop();
fscommand("allowscale", false);//keep SWF display at 100%
var x:XML = new XML ();//Define XML Object
x.ignoreWhite = true;
var fullURL:Array = new Array;//Array of full size image urls
var thumbURL:Array = new Array;//Array of thumbnail urls
var thumbX:Number = 25;//Initial offset of _x for first thumbnail
x.onLoad = function(){ //Function runs after XML is loaded
    var photos:Array = this.firstChild.childNodes;//Defines variable for length of XML file
     for (i=0;i<photos.length;i++) {//For loop to step through all entry lines of XML file
          fullURL.push(photos[i].attributes.urls);//Each loop, adds URL for full sized image to Array fullURL
          thumbURL.push(photos[i].attributes.thumbs);//Each loop, adds URL for thumbnails to Array thumbURL
          trace(i+". Full Image = "+fullURL[i]+" Thumb Image = "+thumbURL[i]);
          var t = panel.attachMovie("b","b"+i,i);//Each loop, Define local variable 't' as a new instance of 'b' movie clip, given unique instance name of 'b' plus the index number of the For loop
          t.img.loadMovie(thumbURL[i]);// Each loop, load thumbnail image from XML data into variable movie clip
          t._y = 0;//Set Y coordinate of variable movie clip
          t._x = thumbX;//Set X coordinate of variable movie clip based on variable thumbX
          t.numb = i;//Set sub-variable 'numb' inside variable t to hold index number
          t._alpha = 75;//Set the Alpha value of the variable movie clip to 75% - for onRollOver highlight action
          thumbX += 55;//Increment thumbX value so next thumbnail is placed 125 pixels to the right of the one before
          t.onRollOver = function () {//define onRollOver event of the variable movie clip
               this._alpha = 100;//Set thumbnail alpha to 100% for highlight
          t.onRollOut = function () {//define onRollOut event of the variable movie clip
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onPress = function () {//define onPress event of the variable movie clip
               this._rotation += 3;//rotates thumbnail 3 degrees to indicate it's been pressed
               this._x += 3;//Offset X coordinate by 3 pixels to keep clip centered during rotation
               this._y -= 3;//Offset Y coordinate by 3 pixels to keep clip centered during rotation
          t.onReleaseOutside = function () {//define onRelease event of the variable movie clip
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during rotation
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during rotation
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onRelease = function () {//define onRelease function to load full sized image
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during
               this._alpha = 75;//Reset thumbnail alpha to 75%
               holder.loadMovie(fullURL[this.numb]);//Load full sized image into holder clip based on sub-variable t.numb, referenced by 'this'
     holder.loadMovie(fullURL[0]);//Initially load first full size image into holder clip
x.load ("silk_paintings.xml");// path to XML file
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 >= 740) {
     panel._x = 740;
if(panel._x <= (thumbX-10)) {
          panel._x = (thumbX-10)
     var xdist = _xmouse - 830;
     panel._x += -xdist / 7;
The xml:
<?xml version="1.0" encoding="ISO-8859-1"?>
<slideshow>
<photo thumbs="thumbnails/i_brown_fairy.jpg" urls="images/brown_fairy.jpg" />
<photo thumbs="thumbnails/i_blonde_fairy.jpg" urls="images/blonde_fairy.jpg" />
<photo thumbs="thumbnails/i_flower_fairy.jpg" urls="images/flower_fairy.jpg" />
<photo thumbs="thumbnails/i_red_fairy.jpg" urls="images/red-fairy.jpg" />
</slideshow>
Attached is a link to the file I made named "index".
https://rcpt.yousendit.com/706233226/5e7b4fe0973dacf090b5cbae32c47398
I would have liked to have included the following files but was limited due to "you-send-it" not uploading folders. Files not included: [but functioning] : xml list - images [folder] - thumbnails [folder]
Again, Thank you
Dalen

The issues with the buttons calling up the scrolling thumbnail panel have been resolved, as well as keeping the buttons in their hit state once clicked, thanks to Rob.
Those that have been following this thread, or stumble upon it in their searches later, may appreciate to see the final solution to this particular issue.
[Hopefully I will be able to update this thread with a url in the future to show the site in operation, which may help somebody with their project in the future if its set up similarly.]
Alas, it would be nice if future versions of flash had a more direct, flexible, user friendly method for creating navigation.
[We may see development beyond the flash ads which everyone seems to loathe... and more creativity with flash in terms of games, web interactivity, & animation.
Below are 2 sets of code:
a] the first is located within the first frame of the first button, and has some extra variables in it that the additional buttons call upon...
b] the second is the code applied to every other button.
stop();
fscommand("allowscale", false);//keep SWF display at 100%
var x:XML = new XML();//Define XML Object
x.ignoreWhite = true;
var fullURL:Array = new Array();//Array of full size image urls
var thumbURL:Array = new Array();//Array of thumbnail urls
// ....... CHANGE
var thumbX:Number;// = 25;//Initial offset of _x for first thumbnail
// make an array of all of the instance names of each button object...
// only do this once
var buttonsList:Array = new Array(shadesOfGrey, silkPaintings);
shadesOfGrey.isLatched = false;
// the rollover function... repeat for each button
shadesOfGrey.onRollOver = shadesOfGrey.onDragOver=function ():Void {
     if (!this.isLatched) {
          this.gotoAndStop(2);
// the rolloff function... repeat for each button
shadesOfGrey.onRollOut = shadesOfGrey.onDragOut=shadesOfGrey.onReleaseOutside=function ():Void {
     if (!this.isLatched) {
          this.gotoAndStop(1);
// the mouse press function... repeat for each button
shadesOfGrey.onPress = function():Void {
     resetAllButtons();
     this.isLatched = true;
     this.gotoAndStop(3);
shadesOfGrey.onRelease = function():Void {
     x.load("shadesOfGrey.xml");// path to XML file
     thumbX = 25;
function resetAllButtons():Void {
     for (b in buttonsList) {
          buttonsList[b].isLatched = false;
          buttonsList[b].gotoAndStop(1);
x.onLoad = function() {//Function runs after XML is loaded
     // resets the position of the panel on each new load
     panel._x = 740;
     // ....... CHANGE removes the existing movieclips from the panel before any new load...
     for (c in panel) {
          if (typeof (panel[c]) == "movieclip") {
               removeMovieClip(panel[c]);
     var photos:Array = this.firstChild.childNodes;//Defines variable for length of XML file
     for (i=0; i<photos.length; i++) {//For loop to step through all entry lines of XML file
          fullURL.push(photos[i].attributes.urls);//Each loop, adds URL for full sized image to Array fullURL
          thumbURL.push(photos[i].attributes.thumbs);//Each loop, adds URL for thumbnails to Array thumbURL
          //trace(i+". Full Image = "+fullURL[i]+" Thumb Image = "+thumbURL[i]);
          var t = panel.attachMovie("b", "b"+i, i);//Each loop, Define local variable 't' as a new instance of 'b' movie clip, given unique instance name of 'b' plus the index number of the For loop
          t.img.loadMovie(thumbURL[i]);// Each loop, load thumbnail image from XML data into variable movie clip
          t._y = 0;//Set Y coordinate of variable movie clip
          t._x = thumbX;//Set X coordinate of variable movie clip based on variable thumbX
          t.numb = i;//Set sub-variable 'numb' inside variable t to hold index number
          t._alpha = 75;//Set the Alpha value of the variable movie clip to 75% - for onRollOver highlight action
          thumbX += 55;//Increment thumbX value so next thumbnail is placed 125 pixels to the right of the one before
          t.onRollOver = function() {//define onRollOver event of the variable movie clip
               this._alpha = 100;//Set thumbnail alpha to 100% for highlight
          t.onRollOut = function() {//define onRollOut event of the variable movie clip
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onPress = function() {//define onPress event of the variable movie clip
               this._rotation += 3;//rotates thumbnail 3 degrees to indicate it's been pressed
               this._x += 3;//Offset X coordinate by 3 pixels to keep clip centered during rotation
               this._y -= 3;//Offset Y coordinate by 3 pixels to keep clip centered during rotation
          t.onReleaseOutside = function() {//define onRelease event of the variable movie clip
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during rotation
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during rotation
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onRelease = function() {//define onRelease function to load full sized image
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during
               this._alpha = 75;//Reset thumbnail alpha to 75%
               holder.loadMovie(fullURL[this.numb]);//Load full sized image into holder clip based on sub-variable t.numb, referenced by 'this'
     holder.loadMovie(fullURL[0]);//Initially load first full size image into holder clip
// this one function scrolls the panel for all of the buttons, it gets the
// size of the panel when the images are loaded by any given button...
stroke.onEnterFrame = function() {
     if (this.hitTest(_xmouse, _ymouse, false)) {
          if (panel._x>=740) {
               panel._x = 740;
          if (panel._x<=740-panel._width+mask._width) {
               panel._x = 740-panel._width+mask._width;
          if ((panel._x<=740) && (panel._x>=740-panel._width+mask._width)) {
               var xdist = _xmouse-830;
               panel._x += -xdist/7;
Of note is the change to how the movie clips are measured... this change in and of itself has really helped to make the thumbnail panels operation more efficient.
Below is the script for each additional button: [Having issues with the forums not letting me post additional code, so I will put the remaining code in a reply below.]
cont.

Changing the scroll thumbnail size

When I click in the scroll bar, a small thumbail appears (which I call the scroll thumbnail because I don't know what it is actually called). This allows me to scroll up and down, giving me a preview of what is on the page that I will see when I release the click.
Is there any way to make this thumbnail larger?

No. This doesn't work. The moment I release the left mouse button, the thumbnail disappears. I cannot make the thumbnail appear unless the left mouse button is held down.
See attachment: This is the thumbnail I want to make bigger

Scrolling Thumbnails - Dynamic List

Can you point me to a source for creating a scrolling
thumbnail movie where the images in the movie are either populated
from a database, or from a file structure?

OK, so I've tracked down the code that's causing it. I use
attachMovie to attach the thumbnails to their holder clip. What is
causing the glitch with the gradient mask is the code on the border
of the thumbnail. The problem is the _visible=true code. It's in
onEnterFrame, so _visible=true is called on each frame iteration,
and each time it's called, it applies the mask again (resulting in
a solid block because the gradient mask is applied so many times.)
If I just remove all the _visible references, it works fine, so it
seems like a bug with gradient masks when you set masked content's
_visible state. Here is the code on my thumbnail's border: (I
realize there are many ways to do this more efficiently, but the
point is that calling _visible=true shouldn't reapply the gradient
mask to the masked contents.)
onClipEvent (load) {
_alpha = 0;
_visible = false;
onClipEvent (enterFrame) {
if (curProjectThumb == _parent.id) {
_visible = true; // every time this is called, it reapplies
the gradient mask to this thumbnail
if (_alpha<100) {
_alpha += 20;
} else {
_alpha = 100;
} else {
if (_alpha>0) {
_alpha -= 20;
} else {
_alpha = 0;
_visible = false;

Slider with scrolling thumbnails

Is there a way within Muse to have a slider/gallery with scrolling thumbnails? Currently I am using a third party gallery to accomplish this, but I'd rather stay within Muse itself.

You can try using compositions and then slideshow within composition.
In composition target container insert the slideshow and as set of slides create different slideshows for separate composition containers.
It would similar effect.
Thanks,
Sanjit

Horizontal Scrolling Thumbnails Slideshow (Are these possible in Muse CC 2014)

Good afternoon Muse Forum: My name is Ira Bitner from NYC U.S.A.
How are you? I have a question regarding slideshow and thumbnails in MUSE CC 2014.
Q: In Muse is it possible to have a Slideshow with Scrolling Horizontal Thumbnails? In other words is it possible to build a slideshow where, for instance, maybe 30 thumbnails are used but only 5 or so are visible in a horizontal row under the main ("hero" image) and when an arrow is clicked the thumbnails advance horizontally to the left bringing up the new group of thumbnails that were, "hidden" on the original horizontal row? This allows the site to contain many more thumbnails than can "fit" on the page and at the same time not cause the extra thumbnails to be made to be stacked vertically all on the same page seen all at once?
This is a very popular way to show a slideshow that advances the images. I have spent all night and hours and hours researching Muse in the forums, videos, tutorials web-wide and have not been able to find a way to achieve this kind of slideshow. I would have thought the actual slideshow widget would have made it very evident if this was actually possible to build in Muse. Please help. If you need any website link as an example of the slideshow advancing thumbnail horizontally I'll add one, but it is very common and I can't believe Muse would not allow this to be built.

Replied here :
Muse CC 2014 Slideshow Horizontal Scrolling Thumbnails (Possible?)

AS3 Creating Side Scrolling Thumbnails?

I'm creating a gallery page for my site, and I need a side
scrolling thumbnail display.
Basically it would have several thumbnails that would keep
scrolling for ever (some how duplicating the content in a mask). If
anyone has anything like this or any links that would be great.
Cheers!
Parallels.fm

Six different examples here:
http://robdillon.com/flash.html

XML based scrolling thumbnails

IMPORTANT: My first time with flash and actionscript but am a computer science student so code is ok.
that said I wanna build a xml based scrolling thumbnails in an horizontal bar.
each pic should have some effect when the mouse is over it +
the scrolling bar should scrol left or right depending on the mouse pos+
the bar stops when am over a pic (with some conditions)
I think this i all
PS: I have only two days to do it :s
I know it would be better if I do it from scratch this is how I do normaly but here am completly snowed under
plz help thx

Your best bet for getting a solution handed to you is to do a Google search for "AS3 scrolling menu tutorial" Since code isn't an issue for you, you should be able to modify whatever you find to suit your detail needs once you understand how it is designed.

Slowing Down Scrolling Thumbnails

Hello everyone,
I've put together one of those great masked scrolling
thumbnail panels by working through a tutorial. I'd like to slow it
down a bit, could someone suggest how this is done. Here's the
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;
if(panel._y >= 60) {
panel._y = 60;
if(panel._y <= -1000) {
panel._y = -1000;
var xdist = _ymouse - 250;
panel._y += Math.round(-xdist / 7);
Thanks.
Darren.

>>panel._y += Math.round(-xdist / 7);
I'd start here, by dividing by a number greater than 7.
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Scrolling thumbnails in Muse Slideshow?

Is it possible to have only one row of thumbnails at the bottom of a slideshow that would scroll accross as the slideshow progresses?

The thumbnails in Muse slideshows and compositions currently are only static and cannot be set to automatically scroll with the progression of images.
This is currently a feature that is still being looked into and there are other posts regarding this. If you search for existing posts on a topic (http://forums.adobe.com/message/4777406#4777406) and add onto that, it increases the chances of a request getting priority rather than creating a new thread.
Thanks,
Vikas

Controling an XML based scrolling thumbnails

hi!
this is my code so far:
import caurina.transitions.*;
var xmlRequest:URLRequest = new URLRequest("scrolling.xml");
var xmlLoader:URLLoader = new URLLoader(xmlRequest);
var imgData:XML;
var imageLoader:Loader;
var rawImage:String;
var rawH:String;
var rawW:String;
var pos:Number;
var imgNum:Number = 0;
xmlLoader.addEventListener(Event.COMPLETE, xmlLoadedF);
Tweener.addTween(Bar_am, {x:-1000, time:10, transition:"linear"});
function xmlLoadedF(event:Event):void{
imgData = new XML(event.target.data);
rawImage = imgData.image[imgNum].imgURL;
rawW = imgData.image[imgNum].imgW
rawH = imgData.image[imgNum].imgH
imageLoader = new Loader;
imageLoader.load(new URLRequest(rawImage));
Bar_am.addChild(imageLoader);
imageLoader.x = stage.stageWidth;
imageLoader.y = (stage.stageHeight - Number(rawH)) / 2;
am trying to make that object to scrol depending on the mouse pos:
ex:
if mouse pose < 50 scrol ight
if mouse pos >500 scrol left
and when am out off the scrolling bar the bar goes to the normal scrolling
thx in advance
PS: tryed many functions not working

hi!
basacly am trying to have a list of pics then every single pic must be clickable and have some effect when the mouse is over it
but am stuck!
should I load everything first?
thx
otherwise, since I must get it done by the end of the I have this code that am trying to change
but don't know how to transform the function responssible for the movement!
plz help
the code:
picData = new XML();
picData.ignoreWhite = true;
picData.onLoad = loadXML;
picData.load("xmlArtData.xml");
function loadXML() {
runScript();
function runScript() {
_root.createEmptyMovieClip("bg", 1);
_root.createEmptyMovieClip("image", 3);
_root.createEmptyMovieClip("thumbnails", 2);
images = new Array();
for (i=0; picData.firstChild.childNodes[i].firstChild.nodeValue != undefined; i++) {
images.push(picData.firstChild.childNodes[i].firstChild.nodeValue);
thumbnails._x = 280;
thumbnails._y = 375;
imageLoading = true;
numObjects = images.length;
objectsInScene = new Array();
focalLength = 800;
spin = 0;
_root.thumbnailSize = 125/((numObjects)/9);
displayPane = function () {
var angle = this.angle+spin;
var x = Math.cos(angle)*this.radius;
var z = Math.sin(angle)*this.radius;
var y = this.y;
var scaleRatio = focalLength/(focalLength+z);
this._x = x*scaleRatio;
this._y = y*scaleRatio;
this._xscale = -(this._yscale=100*scaleRatio);
this._xscale *= Math.sin(angle);
this.swapDepths(Math.round(-z));
angleStep = 2*Math.PI/numObjects;
for (i=0; i<numObjects; i++) {
thumbnail = thumbnails.createEmptyMovieClip("thumbnail_"+i, i);
myPic = thumbnail.createEmptyMovieClip("picHolder", 1);
myPic.loadMovie(images[i]);
thumbnail.angle = angleStep*i;
thumbnail.radius = 250;
thumbnail.x = Math.cos(thumbnail.angle)*thumbnail.radius;
thumbnail.z = Math.sin(thumbnail.angle)*thumbnail.radius;
thumbnail.y = 40;
thumbnail.display = displayPane;
thumbnail.drawBox(_root.thumbnailSize);
thumbnail.buttonize(i);
thumbnail.notLoaded = true;
objectsInScene.push(thumbnail);
panCamera = function () {
spin -= this._xmouse/10000;
for (var i = 0; i<objectsInScene.length; i++) {
   objectsInScene[i].display();
thumbnails.onEnterFrame = panCamera;
_root.onEnterFrame = function() {
for (i=0; i<images.length; i++) {
   if ((_root.thumbnails["thumbnail_"+i].picHolder.getBytesLoaded()/_root.thumbnails["thumbnail _"+i].picHolder.getBytesTotal() == 1) && _root.thumbnails["thumbnail_"+i].notLoaded) {
    if (_root.thumbnails["thumbnail_"+i].picHolder._width>=_root.thumbnails["thumbnail_"+i].picH older._height) {
     _root.thumbnails["thumbnail_"+i].picHolder._yscale = _root.thumbnails["thumbnail_"+i].picHolder._xscale=(100*(1-(_root.thumbnails["thumbnail_" +i].picHolder._width-_root.thumbnailSize)/(_root.thumbnails["thumbnail_"+i].picHolder._wid th)));
     _root.thumbnails["thumbnail_"+i].picHolder._y = (_root.thumbnailSize-_root.thumbnails["thumbnail_"+i].picHolder._height)/2;
    if (_root.thumbnails["thumbnail_"+i].picHolder._width<=_root.thumbnails["thumbnail_"+i].picH older._height) {
     _root.thumbnails["thumbnail_"+i].picHolder._yscale = _root.thumbnails["thumbnail_"+i].picHolder._xscale=(100*(1-(_root.thumbnails["thumbnail_" +i].picHolder._height-_root.thumbnailSize)/(_root.thumbnails["thumbnail_"+i].picHolder._he ight)));
     _root.thumbnails["thumbnail_"+i].picHolder._x = (_root.thumbnailSize-_root.thumbnails["thumbnail_"+i].picHolder._width)/2;
    if (_root.thumbnails["thumbnail_"+i].picHolder._width == _root.thumbnails["thumbnail_"+i].picHolder._height) {
     _root.thumbnails["thumbnail_"+i].picHolder._yscale = _root.thumbnails["thumbnail_"+i].picHolder._xscale=(100*(1-(_root.thumbnails["thumbnail_" +i].picHolder._width-_root.thumbnailSize)/(_root.thumbnails["thumbnail_"+i].picHolder._wid th)));
     _root.thumbnails["thumbnail_"+i].picHolder._x = _root.thumbnails["thumbnail_"+i].picHolder._y=0;
    _root.thumbnails["thumbnail_"+i].picHolder._alpha = 60;
    _root.thumbnails["thumbnail_"+i].notLoaded = false;
   if ((_root.thumbnails["thumbnail_"+i].picHolder.getBytesLoaded()/_root.thumbnails["thumbnail _"+i].picHolder.getBytesTotal()<1)) {
if (_root.image.getBytesLoaded()/_root.image.getBytesTotal() == 1) {
   if (imageLoading == true) {
    _root.image._alpha = 0;
    if (_root.image._width>_root.image._height) {
     _root.image._yscale = _root.image._xscale=(100*(1-(_root.image._width-400)/_root.image._width));
    if (_root.image._height>_root.image._width) {
     _root.image._yscale = _root.image._xscale=(100*(1-(_root.image._height-400)/_root.image._height));
    if (_root.image._height == _root.image._width) {
     _root.image._yscale = _root.image._xscale=(100*(1-(_root.image._height-400)/_root.image._height));
    _root.image._x = (625-_root.image._width)/2;
    _root.image._y = (425-_root.image._height);
    imageLoading = false;
   _root.image._alpha += 5;
   if (image._alpha>100) {
    image._alpha = 100;
MovieClip.prototype.buttonize = function(num) {
this.onPress = function() {
imageLoading = true;
_root.image.removeMovieClip();
_root.createEmptyMovieClip("image", 3);
_root.image.loadMovie(images[num]);
this.onRollOver = function() {
this.picHolder._alpha = 100;
this.onRollOut = function() {
this.picHolder._alpha = 60;
MovieClip.prototype.drawBox = function(boxSize) {
this.lineStyle(1, 0x000000, 0);
this.beginFill(0x000000, 100);
this.lineTo(boxSize, 0);
this.lineTo(boxSize, boxSize);
this.lineTo(0, boxSize);
this.lineTo(0, 0);
this.endFill();

Scrolling Thumbnails Speed

Hi all,
I recently made a scrollong thumbnail gallery using a
tutorial from Kirupa.com
(Link).
I was wondering if there is a way to change the scrolling speed of
the thumbnails as the position of the mouse changes. That is, if
the cursor is a little to the right it scrolls the images at slow
speed. If it is further to the right, it scrolls at a faster rate.
Even further to the right, the speed increases again (this goes for
the left side as well). If the cursor is at the centre, the
thumbnails don't move at all.
I don't need infinitely variable speeds, depending on the
cursor position (although that would be OK if it's easier to write
that way). I just want to divide the thumbnail bar into 7 areas,
with the centre as stop, 3 speeds to the left, and 3 speeds to the
right.
Please help a newbie out!
Thank you in advance,
-Tets T.

try mouse listener that you can get the _xmouse and _ymouse,
then you get the position of where your cursor is.

Scrolling thumbnails.....slow, jerky and pixelate

So I updated to 1.5.......I like many of the new features, but I can't figure out where all this new speed is supposed to be in the program??
I have my Aperture Library on an internal 300GB SATA Maxtor 7200 RPM with 16MB Cache. My library is roughly 33GB (almost 4000 photos). 90% of the files are .cr2, the other 10% are .crw. I have a project folder with 2920 photos. I deleted all the previews for the project.
Everytime I scroll through my thumbnails they pixelate, they jerk down the screen trying to catch the scroll wheel of my mouse and then take several seconds to clear up once I stop and they catch up.
So here's the rub...
I have 128,000 photos of all types and on multiple external hard disks, in my iView Media Pro app. Yet, I can scroll through all of these thumbnails without a hitch. I can stop and reverse direction and the thumbs will follow my mouse. My CPU doesn't start maxing out and my fans don't all start whirring (a symptom Aperture will have if I keep scrolling without a break).
Do I have Aperture setup improperly? Are the Aperture thumbs a better quality than the iView thumbs? If they are, is there a way to lower the quality? I don't need hi-quality thumbs, only photos. What gives??
TIA for any help.
Narvon
Quad 2.5, 6600, 4GB ram Mac OS X (10.4.8)

kgelner,
Thanks. I do know of the sizing of the previews and the different settings for each project. I turned off the New projects create previews (got tired of listening to my fans all day) and I only create previews for the projects I may later want to use in iDVD, iWeb etc.
However, I deleted all the previews in said project above to see if I got any performance boost with my thumbs. It's no better than 1.0!?! Sometimes as I scroll, I'll see a photo or section of photos I want to view so I'll stop scrolling. But the thumbs haven't caught up with my mouse wheel, so it will skip ahead several rows of thumbs. Then I have to scroll back. This is very annoying. Again, I don't have this problem with iView. It stops on a dime and all the thumbs are crystal clear as I scroll.
When they show their videos on the Apple website, they don't seem to have this problem with their thumbs. Is this due to the fact that the project they use for an example contains only 250 or so photos??
Do you have a lot of pixelation with your thumbs??? If so, then I know it isn't just me. Perhaps Apple is running their Aperture program on the VTech supercomputer?? I heard it was dismantled. Maybe they will loan it to me so I can put all my photos in Aperture and be rid of the Beach Ball once and for all.
Narvon

Scrolling thumbnails Muse

I am trying to create a thumbnail banner that can scroll across the page. I've tried doing it with lightbox widgets but none of them seem to have this functionality.
Any ideas anybody?
thanks
Jaymack

Hi Neha,
Here is the one I made from the genius widget. It was a bit tricky at first but there are some great tutorials online. Once I got the hang of it, it was fine.
Feel free to contact me if you need any help.
http://lance15.businesscatalyst.com/index.html
Cheers
jaymackdesigns
Sent from my iPad

Scrolling thumbnails

Similar Messages

Maybe you are looking for