Results 1 to 2 of 2

Thread: Random viewing of images

  1. #1
    Join Date
    Jul 2010
    Posts
    228
    Thanks
    18
    Thanked 0 Times in 0 Posts

    Default Random viewing of images

    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

    Code:
    <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:
    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

  2. #2
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •