Back To Flash and ActionScript Forum

Altering This Gallery+Thumbs. Who's Good??

  • Playdo
  • Born
  • Born
  • No Avatar
  • Joined: Jan 18, 2010
  • Posts: 2
  • Status: Offline

Post January 18th, 2010, 4:59 pm

I'm not an actionscripter but an artist with limited actionscript knowledge. For over two weeks now I've been trying to get a piece of code together but keep running into endless brick walls. I would have thought this would be easy but there hasn't been anyone out there capable of showing me the final solution so far.

I'm looking for a result similar to this tutorial http://www.republicofcode. (put com here)/tutorials/flash/xmlimagegallery/ but with a few specific changes. I haven't uploaded my attempts at the code because it probably will complicate things.

The source files are located at the bottom of this link: http://www.republicofcode. (put com here)/tutorials/flash/xmlimagegallery/7.php

What I am trying to acheive is the above gallery but which specifically does the following when a thumbnail is pressed:

- Show the preloader (whilst keeping the current image on screen).
- When the preloader has finished then fade the current image to alpha=0
- Slight Pause
- After the pause fade the next image in to alpha=100.

- In addition I've been trying to get the thumbnails alpha to be 50%. Then on onRollover and onRelease to set the alpha to 100%. Similar to this: http://www.republicofcode. (put com here)/tutorials/flash/imagegallery/

If anyone can actually do this then please post. But don't post unless you have tested and confirmed it because I can't be running backwards and forwards anymore.

ps I've hade to put com in brackets to allow me to post a url
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post January 18th, 2010, 4:59 pm

  • Playdo
  • Born
  • Born
  • No Avatar
  • Joined: Jan 18, 2010
  • Posts: 2
  • Status: Offline

Post January 18th, 2010, 5:01 pm

Below is the tutorial's code:

Code: [ Select ]
import mx.transitions.Tween;
import mx.transitions.easing.*;

var myGalleryXML = new XML();
myGalleryXML.ignoreWhite = true;
myGalleryXML.load("gallery.xml");

myGalleryXML.onLoad = function() {
_root.gallery_x = myGalleryXML.firstChild.attributes.gallery_x;
_root.gallery_y = myGalleryXML.firstChild.attributes.gallery_y;
_root.gallery_width = myGalleryXML.firstChild.attributes.gallery_width;
_root.gallery_height = myGalleryXML.firstChild.attributes.gallery_height;

_root.myImages = myGalleryXML.firstChild.childNodes;
_root.myImagesTotal = myImages.length;

_root.thumb_height = myGalleryXML.firstChild.attributes.thumb_height;
_root.thumb_width = myGalleryXML.firstChild.attributes.thumb_width;

_root.full_x = myGalleryXML.firstChild.attributes.full_x;
_root.full_y = myGalleryXML.firstChild.attributes.full_y;

callThumbs();
createMask();
scrolling();

};

function callThumbs() {
_root.createEmptyMovieClip("container_mc",_root.getNextHighestDepth());
container_mc._x = _root.gallery_x;
container_mc._y = _root.gallery_y;

var clipLoader = new MovieClipLoader();
var preloader = new Object();
clipLoader.addListener(preloader);

for (i=0; i<myImagesTotal; i++) {
thumbURL = myImages[i].attributes.thumb_url;
myThumb_mc = container_mc.createEmptyMovieClip(i, container_mc.getNextHighestDepth());
myThumb_mc._y = _root.thumb_height*i;
clipLoader.loadClip("thumbs/"+thumbURL,myThumb_mc);

preloader.onLoadStart = function(target) {
target.createTextField("my_txt",target.getNextHighestDepth(),0,0,100,20);
target.my_txt.selectable = false;
};


preloader.onLoadProgress = function(target, loadedBytes, totalBytes) {
target.my_txt.text = Math.floor((loadedBytes/totalBytes)*100);
};

preloader.onLoadComplete = function(target) {
new Tween(target, "_alpha", Strong.easeOut, 0, 100, .5, true);
target.my_txt.removeTextField();
target.onRelease = function() {
callFullImage(this._name);
};

target.onRollOver = function() {
this._alpha = 50;
};

target.onRollOut = function() {
this._alpha = 100;
};


};
}
}



function callFullImage(myNumber) {

myURL = myImages[myNumber].attributes.full_url;
myTitle = myImages[myNumber].attributes.title;
_root.createEmptyMovieClip("fullImage_mc",_root.getNextHighestDepth());
fullImage_mc._x = _root.full_x;
fullImage_mc._y = _root.full_y;

var fullClipLoader = new MovieClipLoader();
var fullPreloader = new Object();
fullClipLoader.addListener(fullPreloader);

fullPreloader.onLoadStart = function(target) {
target.createTextField("my_txt",fullImage_mc.getNextHighestDepth(),0,0,200,20);
target.my_txt.selectable = false;
};

fullPreloader.onLoadProgress = function(target, loadedBytes, totalBytes) {
target.my_txt.text = Math.floor((loadedBytes/totalBytes)*100);
};

fullPreloader.onLoadComplete = function(target) {
new Tween(target, "_alpha", Strong.easeOut, 0, 100, .5, true);
target.my_txt.text = myTitle;
};

fullClipLoader.loadClip("full_images/"+myURL,fullImage_mc);

}

function createMask() {

_root.createEmptyMovieClip("mask_mc",_root.getNextHighestDepth());

mask_mc._x = _root.gallery_x;
mask_mc._y = _root.gallery_y;

mask_mc.beginFill(0x000000,100);
mask_mc.lineTo(_root.gallery_width,0);
mask_mc.lineTo(_root.gallery_width,_root.gallery_height);
mask_mc.lineTo(0,_root.gallery_height);
mask_mc.lineTo(0,0);

container_mc.setMask(mask_mc);

}

function scrolling() {
_root.onEnterFrame = function() {

container_mc._y += Math.cos(((mask_mc._ymouse)/mask_mc._height)*Math.PI)*15;

if (container_mc._y>mask_mc._y) {
container_mc._y = mask_mc._y;
}

if (container_mc._y<(mask_mc._y-(container_mc._height-mask_mc._height))) {
container_mc._y = mask_mc._y-(container_mc._height-mask_mc._height);
}

};
}
  1. import mx.transitions.Tween;
  2. import mx.transitions.easing.*;
  4. var myGalleryXML = new XML();
  5. myGalleryXML.ignoreWhite = true;
  6. myGalleryXML.load("gallery.xml");
  8. myGalleryXML.onLoad = function() {
  9. _root.gallery_x = myGalleryXML.firstChild.attributes.gallery_x;
  10. _root.gallery_y = myGalleryXML.firstChild.attributes.gallery_y;
  11. _root.gallery_width = myGalleryXML.firstChild.attributes.gallery_width;
  12. _root.gallery_height = myGalleryXML.firstChild.attributes.gallery_height;
  14. _root.myImages = myGalleryXML.firstChild.childNodes;
  15. _root.myImagesTotal = myImages.length;
  17. _root.thumb_height = myGalleryXML.firstChild.attributes.thumb_height;
  18. _root.thumb_width = myGalleryXML.firstChild.attributes.thumb_width;
  20. _root.full_x = myGalleryXML.firstChild.attributes.full_x;
  21. _root.full_y = myGalleryXML.firstChild.attributes.full_y;
  23. callThumbs();
  24. createMask();
  25. scrolling();
  27. };
  29. function callThumbs() {
  30. _root.createEmptyMovieClip("container_mc",_root.getNextHighestDepth());
  31. container_mc._x = _root.gallery_x;
  32. container_mc._y = _root.gallery_y;
  34. var clipLoader = new MovieClipLoader();
  35. var preloader = new Object();
  36. clipLoader.addListener(preloader);
  38. for (i=0; i<myImagesTotal; i++) {
  39. thumbURL = myImages[i].attributes.thumb_url;
  40. myThumb_mc = container_mc.createEmptyMovieClip(i, container_mc.getNextHighestDepth());
  41. myThumb_mc._y = _root.thumb_height*i;
  42. clipLoader.loadClip("thumbs/"+thumbURL,myThumb_mc);
  44. preloader.onLoadStart = function(target) {
  45. target.createTextField("my_txt",target.getNextHighestDepth(),0,0,100,20);
  46. target.my_txt.selectable = false;
  47. };
  50. preloader.onLoadProgress = function(target, loadedBytes, totalBytes) {
  51. target.my_txt.text = Math.floor((loadedBytes/totalBytes)*100);
  52. };
  54. preloader.onLoadComplete = function(target) {
  55. new Tween(target, "_alpha", Strong.easeOut, 0, 100, .5, true);
  56. target.my_txt.removeTextField();
  57. target.onRelease = function() {
  58. callFullImage(this._name);
  59. };
  61. target.onRollOver = function() {
  62. this._alpha = 50;
  63. };
  65. target.onRollOut = function() {
  66. this._alpha = 100;
  67. };
  70. };
  71. }
  72. }
  76. function callFullImage(myNumber) {
  78. myURL = myImages[myNumber].attributes.full_url;
  79. myTitle = myImages[myNumber].attributes.title;
  80. _root.createEmptyMovieClip("fullImage_mc",_root.getNextHighestDepth());
  81. fullImage_mc._x = _root.full_x;
  82. fullImage_mc._y = _root.full_y;
  84. var fullClipLoader = new MovieClipLoader();
  85. var fullPreloader = new Object();
  86. fullClipLoader.addListener(fullPreloader);
  88. fullPreloader.onLoadStart = function(target) {
  89. target.createTextField("my_txt",fullImage_mc.getNextHighestDepth(),0,0,200,20);
  90. target.my_txt.selectable = false;
  91. };
  93. fullPreloader.onLoadProgress = function(target, loadedBytes, totalBytes) {
  94. target.my_txt.text = Math.floor((loadedBytes/totalBytes)*100);
  95. };
  97. fullPreloader.onLoadComplete = function(target) {
  98. new Tween(target, "_alpha", Strong.easeOut, 0, 100, .5, true);
  99. target.my_txt.text = myTitle;
  100. };
  102. fullClipLoader.loadClip("full_images/"+myURL,fullImage_mc);
  104. }
  106. function createMask() {
  108. _root.createEmptyMovieClip("mask_mc",_root.getNextHighestDepth());
  110. mask_mc._x = _root.gallery_x;
  111. mask_mc._y = _root.gallery_y;
  113. mask_mc.beginFill(0x000000,100);
  114. mask_mc.lineTo(_root.gallery_width,0);
  115. mask_mc.lineTo(_root.gallery_width,_root.gallery_height);
  116. mask_mc.lineTo(0,_root.gallery_height);
  117. mask_mc.lineTo(0,0);
  119. container_mc.setMask(mask_mc);
  121. }
  123. function scrolling() {
  124. _root.onEnterFrame = function() {
  126. container_mc._y += Math.cos(((mask_mc._ymouse)/mask_mc._height)*Math.PI)*15;
  128. if (container_mc._y>mask_mc._y) {
  129. container_mc._y = mask_mc._y;
  130. }
  132. if (container_mc._y<(mask_mc._y-(container_mc._height-mask_mc._height))) {
  133. container_mc._y = mask_mc._y-(container_mc._height-mask_mc._height);
  134. }
  136. };
  137. }

Page 1 of 1

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 50 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.