Log in

View Full Version : Random viewing of images



rhodarose
08-12-2010, 02:55 AM
Good day!

I downloaded a flash fiel and i want to enhance the code... I want that when i open my flash automatically theirs a image that already choose or view and it is randomly.


this is the gallery.xml



<gallery thumb_width="120" thumb_height="120" gallery_width="400" gallery_height="375" gallery_x="10" gallery_y="10" full_x="220" full_y="10">

<image thumb_url="thumb1.jpg" full_url="image1.jpg" />
<image thumb_url="thumb2.jpg" full_url="image2.jpg" />
<image thumb_url="thumb3.jpg" full_url="image3.jpg" />
<image thumb_url="thumb4.jpg" full_url="image4.jpg" />
<image thumb_url="thumb5.jpg" full_url="image5.jpg" />
<image thumb_url="thumb6.jpg" full_url="image6.jpg" />
<image thumb_url="thumb7.jpg" full_url="image7.jpg" />
<image thumb_url="thumb8.jpg" full_url="image8.jpg" />
<image thumb_url="thumb9.jpg" full_url="image9.jpg" />
<image thumb_url="thumb10.jpg" full_url="image10.jpg" />
<image thumb_url="thumb11.jpg" full_url="image11.jpg" />
<image thumb_url="thumb12.jpg" full_url="image12.jpg" />
<image thumb_url="thumb13.jpg" full_url="image13.jpg" />

</gallery>


and this is the actionscript code:


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.onLoadProgress = function(target, loadedBytes, totalBytes) {
target.my_txt.text = Math.floor((loadedBytes/totalBytes)*100);
};
preloader.onLoadComplete = function(target) {
new mx.transitions.Tween(target, "_alpha", mx.transitions.easing.Strong.easeOut, 0, 100, .5, true);
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(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 mx.transitions.Tween(target, "_alpha", mx.transitions.easing.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);
}
};
}




I hope somebody can help me..


Thank you

philshields
08-26-2010, 12:16 AM
Hi
I looked at that script too to make a gallery...see question in tread above....I also wanted to display random images before clicking the thrumbs.....I added some script from another web tutorial.....the key elements being:
[code]
function randomImage() {
if (loaded == filesize) {
var ran = Math.round(Math.random() * (myImagesTotal - 1));
callFullImage(ran);

}
I could paste the whole code...but I changed it in otherways too that might not be what you wanted.....

Phil