Photogallery
I try the tutorials on creating a photo gallery, its nice and I have only one question, about it, that it is possible to automate the pictures in a matter of time interval without using the forward and back button?Thanks in advanced.More power to all of you there.
KirupaForum > Flash > Flash 8 (and earlier) > Flash MX
Posted on: 02-11-2004, 11:49 PM
View Complete Forum Thread with Replies
Sponsored Links:
Photogallery
hy,
i fond these gallery: http://www.flashkit.com/movies/Scrip...3949/index.php
my problem is, i found no way to put more than 10pics into it. I tryed it 3 long days :-(((
now i choose to ask someone how knows it better than me :-))
sorry for my bad english, im from germany
it would be great if anyone can help me.
cheers, Quax (marcus)
View Replies !
View Related
Photogallery
hi, ive just done the tutorial for a photogallery. it doesnt seem 2 worc, im not sur what ive done wrong exactly. cant worc it out.ive attached tha fla file.could u pleaze hav a look & c ware ive gone wrong.thanx
note: mi folder "images"for the photos is in tha same dir as tha fla & also tha swf
View Replies !
View Related
How Do I Add A Photogallery?
I am doing a college project about myself.
I have decided to create web site in flash mx 2004 (click link below).
http://www.sendhere.pwp.blueyonder.co.uk
I am trying to work out how to add a photogallery. Where the square is the gallery window and displays each image (of me) when the small buttons underneath the square are clicked?
Would the window be a movieclip with all my images behind it?
Would i have to alpha in the movieclip?
Really am stuck with this project.
Hope someone can help?
Thanks in advance.
View Replies !
View Related
[F8] Help With Xml Photogallery?
hey guys, i followed the tutorial at http://www.lukamaras.com/tutorials/a...e-gallery.html
for a xml flash gallery and got it mostly working, however i did something and for some reason the comments don't show anymore! i've attached it here, i'd REALLY appreciate any help with this - its for a school project and my dumb group decided to use flash instead of html. lol, but seriously any help is appreciated.
http://www.mediafire.com/?4zxygpyl1nh
View Replies !
View Related
PhotoGallery Help
I'm relatively new to programming with flash, i can do most of the basic stuff, but i'm trying to get a little better, and rather than download other people's code I'd like to do it myself, but I have a problem.
I've done this code, which is on the first frame of the root movie....
this.createEmptyMovieClip("thumb01_mc", 1);
thumb01_mc.loadMovie("Galleries/Aysgarth Falls/Thumbs/agf01.jpg");
with (thumb01_mc) {
_x = 19.1;
_y = 102.3;
onRelease = function() {
getURL("http://www.google.co.uk", "_blank");
}
};
Now when I check it in the script debugger thing, its says there are no errors (which is good), but it doesn't do what I want it to, which is open another window and display what I want it to.
Can anyone help...please.
View Replies !
View Related
Photogallery HElp HELP HELP
Hi All,
I am in some serious need with a photogallery I am creating for a client. I have created the photogallery to load external jpgs into a loader component. The images are not large...The swf works perfect and fas when on testing on my computer- WHen it is put on the server it goes EXTREMELY SLOW!!! Here is the link to the photogallery that is working SLOWLY online: http://www.bathrestorations.com/925_draftb.htm
and here is the link to my native files: http://www.exposure-design.com/original.zip I am in DESPERATE NEED OF HELP!!!
View Replies !
View Related
XML Photogallery Help
So I'm trying to make an xml photogallery.
I made a separate AS file that I'm referencing in the time line to call up and display the xml info which is a serious of images.
on my AS file (which I've saved as "GALLERYscript.as) i have:
Code:
package {
import flash.display.Sprite;
import flash.display.SimpleButton;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.events.Event;
import flash.net.URLLoader;
import flash.net.URLRequest;
public class Main extends Sprite
{
protected var _data:XML;
protected var _images:Array;
public function Main():void
{
init();
}
protected function init():void
{
var urlLoader:URLLoader = new URLLoader();
urlLoader.addEventListener(Event.COMPLETE, dataLoaded, false, 0, true);
urlLoader.load(new URLRequest("images.xml"));
}
protected function dataLoaded(e:Event):void
{
_data = new XML(e.currentTarget.data);
_images = new Array(_data.photo.length());
build();
}
protected function build():void
{
previous_btn.addEventListener(MouseEvent.CLICK, traverseImage, false, 0, true);
next_btn.addEventListener(MouseEvent.CLICK, traverseImage, false, 0, true);
loadImage(0);
}
protected function loadImage( index:int ):void
{
if (_images[index])
{
replaceImage(_images[index]);
return;
} else
{
var loader:Loader = new Loader();
loader.load(new URLRequest(_data.photo[index].img));
_images[index] = loader;
replaceImage(loader);
}
}
protected function replaceImage( obj:DisplayObject ):void
{
while(picture_mc.numChildren) picture_mc.removeChildAt(0);
picture_mc.addChild(obj);
}
protected function traverseImage(e:MouseEvent):void
{
var index:int = _images.indexOf(container_mc.getChildAt(0));
if (e.currentTarget == previous_btn) index--;
else if (e.currentTarget == next_btn) index++;
index %= _images.length;
if (index < 0) index = _images.length - 1;
loadImage(index);
}
}
and in my timeline i have:
Code:
import GALLERYscript;
var obj:GALLERYscript;
obj = new GALLERYscript();
obj.identify();
When I export my movie though I'm getting an error:
1120: Access of undefined property for both of the buttons that control the movement through the images and the movie clip that holds the images.
Any help would go along way...i'm quite the flash newb.
View Replies !
View Related
Xml Photogallery
Hi, I'm using the tutorial at Kirupa to build an xml based photogallery.
http://www.kirupa.com/developer/mx20..._slideshow.htm
Everything is working great but i'm not so good at actionscript code, and i want to slow down the transition between my images and keep it smooth. Can someone please tell me which bit of the code i need to change to do this, if it's even possible?
View Replies !
View Related
XML Photogallery Help
I have a photogallery with thumbnails that works just dandy and all, but I want to add a next and previous button on it. How would I go about doing this? Here is my code so far:
Code:
myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.onLoad = function(success) {
numimages = this.firstChild.childNodes.length;
spacing = 70;
for (i=0; i<numimages; i++) {
this.picHolder = this.firstChild.childNodes[i];
this.thumbHolder = thumbnails.createEmptyMovieClip("thumbnail"+i, i);
this.thumbHolder._x = i*spacing;
this.thumbLoader = this.thumbHolder.createEmptyMovieClip("thumbnail_image", 0);
this.thumbLoader.loadMovie(this.picHolder.attributes.thmb);
this.thumbHolder.title = this.picHolder.attributes.title;
this.thumbHolder.main = this.picHolder.attributes.main;
this.thumbHolder.onRelease = function() {
loader.loadMovie(this.main);
title_txt.text = this.title;
saveBtn.onRelease = function() {
trace(_global.nextImg);
//getURL(title_txt.text, "_blank");
};
};
}
};
myPhoto.load("xmlphoto.xml");
View Replies !
View Related
Xml Photogallery
Hi
I have an xml photogallery, but there is some problem. When I test the movie ( ctrl+Enter) it shows some kind of error in the output window, and when I publish the movie it does not show the photogallery atall. I think I must be wrong in some places. Can anyone have some time to fix it. Please help me.
Regards
trnghosh
View Replies !
View Related
Photogallery
Hello
All Great, Great Flashers,
First of all thank all of you who visited this post.
I made one horizontal photo gallery with kirupa’s great photo gallery tutorials. You can view this here
http://www.flashybee.com/gallery/gal_01.html
It works fine except the preloader does not show at the very beginning. This is the only problem now.
Now I want to make it scrollable all time horizontally (non stop, only it will stop at the time of hover, and the left button and the right button should used only to change the direction from left to right or right to left (on click) and a caption below each of the thumbnail and a black border around the thumbnail at the time of hover (mouse over).
Additionally can it be possible to make one shadow for each thumbnail at the time of hover state what I mean to say that if I hover number one thumbnail a caption will show below the number one thumbnail and a shadow of number one thumbnail will occur below that particular thumbnail.
Due to size concern I uploaded all the files here, kindly download from here and please help me to solve this problem as after several attempts I could not do it .
Link to download all files from here:- Kindly download from here.
http://www.flashybee.com/help.rar
http://www.flashybee.com/help.rar
Please help me as this is the first place from where I learnt everything so far( if I learn anything).
Kindly help me.
Once again thanks to all of you.
Regards
trnghosh
NO ONE IS HERE WHO CAN COMPLETE MY CODE TO MAKE IT WORKABLE AS PER MY REQUIREMENTS. PLEASE DO SOMETHING FOR ME.
trnghosh
THEN DO I THINK IT CANNOT BE POSSIBLE. I ALREADY GAVE THE LINK TO DOWNLOAD ALL THE FILES . TILL NO ANSWER. PLEASE COME FORWARD AND HELP ME. DO SOMETHING.
trnghosh
THEN DO I THINK THAT NO ONE IS WHERE WHO CAN SOLVE THIS PROBLEM ?
PLEASE COME FORWARD AND HELP IN DOING THIS . KINDLY HELP ME.
trnghosh
KINDLY ANSWER ME AS I AM REALLY IN TROUBLE IN MAKING THIS. PLEASE COME FORWARD AND DO THIS. FOR GREAT FLASHERS LIKE YOU ITS A MATTER OF HALF AN HOUR SIR. PLEASE............
I COULD NOT UNDERSTAND WHY WE POST HERE SEVERAL TIMES WITHOUT GETTING ANY RESPONSE FROM THIS FORUM. IS IT TIME WASTING WHO VIEW THIS POST.GOD KNOWS.
View Replies !
View Related
Help Me With Xml Photogallery
Hi, I used the Photo Gallery Using XML and Flash tutorial to begin creating a photo album. This is my first time using XML and I have been using Flash for some time but I am by no means an actionscript expert and I'm wanting to expand on what was in the tutorial but have run into some questions. If anyone is able to offer any input or suggestions I would be entirely grateful!!!
I need the jpg to be loaded by xml
It would be really helpful if it used different smaller pictures as thumbs.
1. XML
Load big .JPG with XML list
2. Groups
3. Thumbnails
automatically use big .JPG location and name preceeded by "th_" (th_mom.jpg)
4. Groups/Folders
Different groups or folders (family, friends, parties, etc)
The XML content should have this type of info
(I know it probably wouldn't be formatted this way)
GROUP1=FAMILY
PIC1= albums/mom.jpg
PIC2= albums/dad.jpg
PIC3= albums/sis.jpg
GROUP2=FRIENDS
PIC1= albums/jen.jpg
PIC2= albums/nina.jpg
PIC3= albums/brooke.jpg
Hopefully all this is not too much to ask for help
View Replies !
View Related
Xml Photogallery - My Get Url Does Not Get
Hi, I was wondering if someone out there could help me out with what might be a tiny problem... maybe.
I'd like my btn in flash to link to a URL. So i added it and then added to the actionscript the onrelease function for the button. I did a trace to see if it's targetting the link in the xml, and it is but it won't load the URL inside the xml. Please oh please... anyone?
Here is my xml:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image2>http://sumolab.co.uk/ymt_yorkvenues/images/shire.jpg</image2>
<link>http://www.grahamhowe.net</link>
</pic>
</images>
The actionscript:
delay = 3000;
//-----------------------
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image1 = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image1 = xmlNode.childNodes.childNodes[0].firstChild.nodeValue;
link = xmlNode.firstChild.firstChild.childNodes[1].nodeValue;
//trace (xmlNode.firstChild.childNodes[1].firstChild.nodeValue);
evening_btn.onRelease = function(){
getURL(link[0]);
}
}
I'd be very grateful if anyone could send some advise my way.
Thanks in advance
View Replies !
View Related
Photogallery
Hi!
Anyone who can give me a nice way to do a photogallery? I want some categories... and then maybe thumbnails..
The I wonder If anyone knows a good place to upload pictures? I need quite much space and I dont wanna pay
I would be very greatfull for help. Thank u!
View Replies !
View Related
Photogallery
I try the tutorials on creating a photo gallery, its nice and I have only one question, about it, that it is possible to automate the pictures in a matter of time interval without using the forward and back button?Thanks in advanced.More power to all of you there.
View Replies !
View Related
New Photogallery
hey guys, im making a new photogallery for some of my work. you can see the current site at
www.creativejuggernauts.com/daniel
in any case, im wondering if you think i need a preloader for all those photos and if so, what would the code look like to preload external jpgs? i know that question was asked before but all the threads i looked through seemed kind of esoteric. any help is appreciated.
View Replies !
View Related
XML Photogallery
Hi I've just tried to ammend the photogallery tutorial using XML on Kirupa...
http://www.arkstudios.co.uk/eurostar/test.swf
I have uploaded a test file above... the first 3 images.. i have changed the link in the xml document to my own... but they are not loading in..
heres the changes i have made to the xml document....
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>http://www.arkstudios.co.uk/eurostar/jewellery/earrings/1.jpg</image>
<caption>Earring1</caption>
</pic>
<pic>
<image>http://www.arkstudios.co.uk/eurostar/jewellery/earrings/2.jpg</image>
<caption>Earring2</caption>
</pic>
<pic>
<image>http://www.arkstudios.co.uk/eurostar/jewellery/earrings/3.jpg</image>
<caption>Earring3</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/stata_lobby.jpg</image>
<caption>Stata Lobby</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/construction.jpg</image>
<caption>Construction</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/dome.jpg</image>
<caption>The Dome</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/structure.jpg</image>
<caption>Structure</caption>
</pic>
</images>
View Replies !
View Related
Help With The Xml Photogallery
Hi all,
What I want to do is to have the photogallery displaying both portrait and landscape images. This offcourse works now, but I also want both formats to be centered in the image area. At the moment the images have a reference point in the top left corner...
Hope you understand and can help me out.
I've also been looking at the slideshow from http://whatdoiknow.org/archives/001629.shtml
I want to do the same thing with this one...
Hope someone can hep me out. I don't know much AS
View Replies !
View Related
XML Photogallery Tut Q?
Hi,
i've used scenes to load the various XML files to as i had 3 galleries.
but if i was to place a function on a button that loaded the next xml file in the directory and the next thereafter and also go back to the previous xml file - how would i do this?
cheers.
View Replies !
View Related
Photogallery AS
Alright so you'll have to download this .fla to make any sense of this.
This seems to be a fairly basic photo gallery.
I have thumbnails, when you click one, the thumbnail enlarges by motion tween.
When you click another I want the enlarged to move back to its original place and size, while the newly clicked thumbnail to replace it.
Simple enough?
yet I can't figure out how to actionscript the pictures to play the motion back by actionscript when I click a different thumbnail.
Here is the .fla
www.shough.net/source/photogallery.fla
Thank you so much for your time. Hopefully this makes sense?
I am trying to make something similar to this.
http://www.templatemonster.com/flash...ates/8433.html
View Replies !
View Related
XML Photogallery With Pop-up
I want to add a 'zoom' button, aside from the next and back buttons in the photo gallery. The zoom button would open up a pop-up window. I know how to make a pop-up window w/ flash and javascript but I don't know how to integrate it with xml or in the flash photogallery which loads the images dynamically.
Is this possible? I've been searching the net but I still can't find a solution.
Pls help
View Replies !
View Related
XML Photogallery Help
Hello! I completed the XML Photo Gallery tutorial, and I'm having a little trouble.
The "next" button works, but the "previous" is not functioning. Any help would be greatly appreciated.
See it at: www.sumomedia.com/thegarden/galapagos.htm
I attached the file.
Thanks!
View Replies !
View Related
Photogallery
I've seen the photogallerys in the tutorial section. But I need one where it's not just 1 picture you see at a time, but several photos. And instead of a scroller underneath, it's got to be with 2 buttons in the same side where you can navigate back and fourth between the photos - does this make any sense. hope you can help me out
-thx
View Replies !
View Related
Help Me With Xml Photogallery
I want to display 600 photos in a flash gallery.
The user must be ble to add photos easily.
They will preload load in sets of 12 thumbnails,
clicking on a thumbnail will result in the larger photo loading.
I would like to be able to arrange the photos by date, location and type of shot.
I think I can create a photo class in actionscript with,
photo_url
date
location
Type
And maybe then link to some file containing this information to extract the date for each photograph to display via a flash interface.
But what is the best way to do this. It feels like a problem for XML and flash objects, however I know nothing about XML and would like ur advice as to whether i can solve the problem using these tools.
If I can solve this, are there any good tutorials on how to do this,
View Replies !
View Related
Xml Photogallery
Hi,
I want to use the xml photogallery of this site for my own site. Everything works, but I've got 2 questions.
- How can I automatically allign the pictures in the center of the grey box.
- How can I automatically resize the pictures to standard width and hight?
It's about this tutorial: http://www.kirupa.com/developer/mx20...otogallery.htm
Thnx!
View Replies !
View Related
Xml Photogallery
hi,
i have just read through the tutorial on xml photogallery and am just wondering what sort of difference it makes to have numbered buttons as opposed to next/previous buttons. What sort of code would be applied to each button to target a specific image??
View Replies !
View Related
PhotoGallery - Help Please
I'm building a photogallery base on this tutorial http://www.kirupa.com/developer/mx2004/thumbnails.htm
I'm trying to add a play button, so the gallery would play the pictures onRelease of the button at interval of 3s.
It's not working. my code is:
playBTN.onPress = function() {
this._alpha = 50;
setInterval(this, "nextImage", 3000, 1);
}
Of course I'll add a pause button as well. Can anyone help please?
Thanks
View Replies !
View Related
Yet Another Xml Photogallery.
hello all, I having major issues with this. any help is really appreciated.
I put a Xml Photogallery in an external swf, and Im trying to load into the main swf. The gallery has thumbnails that are clickable that enlarge. The problem is that the thumbnails show up but Im getting zilch for the enlarged image.
Can anyone help me out? thanks in advance!
kjafin
View Replies !
View Related
Photogallery Help
Hello Kirupa ppl!
I'm breaking my head over this one problem. When I click on a picture in the thumbnailscroller it should show the right category for the project. However, there seems to be a little bug in it. This way the project pictures (the 11 little ones) don't change properly according to the picture clicked in the scroller.
The debug variable always shows 12 or 13, which depends of the number of images there are in the XML file. http://users.telenet.be/ene/test => Click the yellow bar
Any help or suggestions are very appreciated!
Vic
Code:
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = function(loaded) {
if (loaded) {
tlistener = new Object();
thumbnail_mc._alpha = 0;
total = this.firstChild.childNodes.length;
for (i=0; i<total; i++)
{
pic_holder = this.firstChild.childNodes[i];
thumbnail_holder = thumbnail_mc.createEmptyMovieClip("t"+i, thumbnail_mc.getNextHighestDepth());
thumbnail_mc._x = 50;
thumbnail_holder._xscale = 16;
thumbnail_holder._yscale = 16;
thumbnail_holder._x = i * 110;
thumbnail_loader = thumbnail_holder.createEmptyMovieClip("thumbnail_image", 0);
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(pic_holder.attributes.main, "thumbnail_mc.t"+i);
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
num = i;
debug.text = num;
myPhoto.load("fotogallerij/" + page + "/" + "cat" + num + ".xml");
xmlData.load("fotogallerij/interieur/interieur.xml");
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
}
}
else
{
content = "file not loaded!";
}
}
xmlData.load("fotogallerij/interieur/interieur.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100 || thumbnail_mc._alpha<100 || thumbnails._alpha<100) {
picture._alpha += 10;
thumbnail_mc._alpha += 10;
thumbnails._alpha += 10;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 30;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((_root._xmouse>=(hit_right._x+300)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+500)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}
View Replies !
View Related
Photogallery Run By It Self
Hi,
I just used the http://www.kirupa.com/developer/mx/photogallery.htm
but i dont' want to use the back and forward buttons , but i want the gallary to run by it self, anyone an idea what i have to change in the code?
//Code written by sbeener (suprabeener)
/*
i wrote this code, but you can use and abuse it however you like.
the methods are defined in the order which they occur to make it
easier to understand.
*/
// variables ------------------------------------------
// put the path to your pics here, include the slashes (ie. "pics/")
// leave it blank if they're in the same directory
this.pathToPics = "animation/";
// fill this array with your pics
this.pArray = ["image0.jpg", "image1.jpg", "image2.jpg", "image3.jpg", "image4.jpg", "image5.jpg", "image6.jpg", "image7.jpg", "image8.jpg", "image9.jpg"];
this.fadeSpeed = 20;
this.pIndex = 0;
// MovieClip methods ----------------------------------
// d=direction; should 1 or -1 but can be any number
//loads an image automatically when you run animation
loadMovie(this.pathToPics+this.pArray[0], _root.photo);
MovieClip.prototype.changePhoto = function(d) {
// make sure pIndex falls within pArray.length
this.pIndex = (this.pIndex+d)%this.pArray.length;
if (this.pIndex<0) {
this.pIndex += this.pArray.length;
}
this.onEnterFrame = fadeOut;
};
MovieClip.prototype.fadeOut = function() {
if (this.photo._alpha>this.fadeSpeed) {
this.photo._alpha -= this.fadeSpeed;
} else {
this.loadPhoto();
}
};
MovieClip.prototype.loadPhoto = function() {
// specify the movieclip to load images into
var p = _root.photo;
//------------------------------------------
p._alpha = 0;
p.loadMovie(this.pathToPics+this.pArray[this.pIndex]);
this.onEnterFrame = loadMeter;
};
MovieClip.prototype.loadMeter = function() {
var i, l, t;
l = this.photo.getBytesLoaded();
t = this.photo.getBytesTotal();
if (t>0 && t == l) {
this.onEnterFrame = fadeIn;
} else {
trace(l/t);
}
};
MovieClip.prototype.fadeIn = function() {
if (this.photo._alpha<100-this.fadeSpeed) {
this.photo._alpha += this.fadeSpeed;
} else {
this.photo._alpha = 100;
this.onEnterFrame = null;
}
};
// Actions -----------------------------------------
// these aren't necessary, just an example implementation
this.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
this.changePhoto(-1);
} else if (Key.getCode() == Key.RIGHT) {
this.changePhoto(1);
}
};
Key.addListener(this);
View Replies !
View Related
Photogallery
I'm looking for a tutorial on how to make a gallery like the one on www.fiscusphoto.com (images).
Is there somebody who has a tutorial or knows how to do this?
View Replies !
View Related
Photogallery
Hej Hej!
I tried out the photogallery tutorial but i can't make it so that i can controle the position of the pictures. Does someone please explain me how i can controle that?
Thanx
View Replies !
View Related
Photogallery Help
Hi,
I created a photogallery a while back, and now that I've been collecting a few pictures, I need some help. If you look at the gallery at http://www.kramerklaymation.bravehos...togallery.html , you might notice that there are getting to be too many thumbnails. So I need someone to help me make a button or something to scroll to another page of thumbnails. My flash skills aren't that great to start with and I'm a bit rusty from not using it much lately. If you are willing to help, just post here, and I'll get back to you to send you the fla file.
View Replies !
View Related
XML Photogallery HELP
Hi,
I just built and XML using the thumbnail scroller XML tutorial. I mergered this with a border resize. My problem is that the first image takes a long time to load from the XML. I had this problem before and I don't remember how I resolved this. You can see an example of this at www.byronmedina.com If you delete files on your internet browser the first image will take forever to load. However, once it loads this problem goes away. The code for all three books are the same. I think it could have to do with the XML.
Here's the flash code:
stop();
border.resize(50, 50);
//preload bar set invisible
bar._visible = 0;
// space of border around image
space = 22;
// sets initial picture value to 0
picture._alpha = 0;
// fade In and out function
import mx.transitions.Tween;
import mx.transitions.easing.*;
function fadeMovieClip(startAt:Number, endAt:Number):Void {
var myTween:Tween = new Tween(picture, "_alpha", mx.transitions.easing.None.easeNone, startAt, endAt, .5, true);
}
// load XML
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images2.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
MovieClip.prototype.loadPhoto = function(photo){
this.loadMovie(photo);
_level0.onEnterFrame = function(){
var t = picture.getBytesTotal(), l = picture.getBytesLoaded();
bar._visible = 1;
per = Math.round((l/t)*100);
if (t == l && picture._width>0 && picture._height>0) {
var w = picture._width + space;
var h = picture._height + space;
border.resize(w, h);
bar._visible = 0;
delete this.onEnterFrame;
} else {
bar._width = per;
}
}
};
MovieClip.prototype.resize = function(w, h){
//the higher the slower the resize of the border
var speed = 3;
this.onEnterFrame = function(){
fadeMovieClip(0, 100);
this._width += (w - this._width)/speed;
this._height += (h - this._height)/speed;
if( Math.abs(this._width-w)<1 && Math.abs(this._height-h)<1){
this._width = w;
this._height = h;
picture._x = this._x - this._width/2 + space/2;
picture._y = this._y - this._height/2 + space/2;
delete this.onEnterFrame;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha=0;
picture.loadPhoto(image[p]);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
picture._alpha=0;
p--;
picture.loadPhoto(image[p]);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha=0;
picture.loadPhoto(image[p]);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._heig ht)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-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(thumbnails[k], "thumbnail_mc.t"+k);
}
And here is the XML code:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>image02/01.jpg</image>
<caption></caption>
<thumbnail02>thumb02/01.jpg</thumbnail02>
</pic>
<pic>
<image>image02/02.jpg</image>
<caption></caption>
<thumbnail02>thumb02/02.jpg</thumbnail02>
</pic>
<pic>
<image>image02/03.jpg</image>
<caption></caption>
<thumbnail02>thumb02/03.jpg</thumbnail02>
</pic>
<pic>
<image>image02/04.jpg</image>
<caption></caption>
<thumbnail02>thumb02/04.jpg</thumbnail02>
</pic>
<pic>
<image>image02/05.jpg</image>
<caption></caption>
<thumbnail02>thumb02/05.jpg</thumbnail02>
</pic>
<pic>
<image>image02/06.jpg</image>
<caption></caption>
<thumbnail02>thumb02/06.jpg</thumbnail02>
</pic>
<pic>
<image>image02/07.jpg</image>
<caption></caption>
<thumbnail02>thumb02/07.jpg</thumbnail02>
</pic>
<pic>
<image>image02/08.jpg</image>
<caption></caption>
<thumbnail02>thumb02/08.jpg</thumbnail02>
</pic>
<pic>
<image>image02/09.jpg</image>
<caption></caption>
<thumbnail02>thumb02/09.jpg</thumbnail02>
</pic>
<pic>
<image>image02/10.jpg</image>
<caption></caption>
<thumbnail02>thumb02/10.jpg</thumbnail02>
</pic>
<pic>
<image>image02/11.jpg</image>
<caption></caption>
<thumbnail02>thumb02/11.jpg</thumbnail02>
</pic>
<pic>
<image>image02/12.jpg</image>
<caption></caption>
<thumbnail02>thumb02/12.jpg</thumbnail02>
</pic>
<pic>
<image>image02/13.jpg</image>
<caption></caption>
<thumbnail02>thumb02/13.jpg</thumbnail02>
</pic>
<pic>
<image>image02/14.jpg</image>
<caption></caption>
<thumbnail02>thumb02/14.jpg</thumbnail02>
</pic>
<pic>
<image>image02/15.jpg</image>
<caption></caption>
<thumbnail02>thumb02/15.jpg</thumbnail02>
</pic>
<pic>
<image>image02/16.jpg</image>
<caption></caption>
<thumbnail02>thumb02/16.jpg</thumbnail02>
</pic>
<pic>
<image>image02/17.jpg</image>
<caption></caption>
<thumbnail02>thumb02/17.jpg</thumbnail02>
</pic>
<pic>
<image>image02/18.jpg</image>
<caption></caption>
<thumbnail02>thumb02/18.jpg</thumbnail02>
</pic>
</images>
Please help!
View Replies !
View Related
XML PhotoGallery Help Please
Here i am Going to develope my portfolio as dynamicly. I had 12 category , when i click the category 1 ( ex : Flower) the images displayed with controling Prv,Next buttons .
a example site..
http://www.templatemonster.com/flash...tes/11915.html
i am trying to do all images load dynamicly .
( or ) if i purchased that template and gave to you . any one can give the code for xml .
this is what i did in flash
http://www.esnips.com/doc/1579ef5e-e...0d/Image_Loded
View Replies !
View Related
Photogallery: Get Big Pic To Have Url?
I am trying to get the scrolling photogallery to have a url that when they click on a big picture it will take them to another page. Any advice is greatly appreciated, I'm really struggling on this.
So far, I can create the link but when I click on it ALL the urls come up.
On the link movie clip, I've assigned:
(symbol on layer in Scene 1)onClipEvent (enterFrame) {
this.onRelease = function() {
getURL(this._parent.link, "_self");
}
}
Here's the Scene 1 actionscript:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
link = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
link[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[3].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("retail.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
picture.loadMovie = link[p];
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
picture.loadMovie = link[p];
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
picture.loadMovie = link[p];
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._xmouse>=thumbnail_mc._x) && (_root._xmouse<=thumbnail_mc._x+thumbnail_mc._widt h)) {
if ((_root._ymouse>=(hit_right._y-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._y -= scroll_speed;
} else if ((_root._ymouse<=(hit_left._y+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._y += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._y =(target_mc._height+5)*k;
//trace(target_mc._width+" "+target_mc._parent._rotation)
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-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(thumbnails[k], "thumbnail_mc.t"+k);
}
View Replies !
View Related
Photogallery Help
using the tutorial here on kirupa, I'm trying to make a photogallery/flvplayer. I want to seperate these two windows with two different buttons (each button opens a new window) sorta like the one they have on expedia.com. ON their virtual tours they have two tabs, one for the virtual tours and one for the pictures. What would I have to do to separate the two window so they both play separately on each of the windows? Any help would be appreciated!
View Replies !
View Related
Photogallery Help
Okay, I hope my problems arnt that hard
I really like this photogallery script, easy to use, easy to implement. I have been using flash for a little bit, but I am not that "great" on the actionscript side of things.
Im not that great with Flash, I know how to use it and add actionscript and bits and pieces but I wanted to add buttons (which I could add) that when a button is clicked on it loads an entirely different XML file to load different pictures for that catagory. And is there a way that It could be changed to like an "infinity" menu type thing so instead of clicking on the next image you just use your mouse and click on the image you'd prefer.
I'd really appreciate it if someone could help me.
If its easier to get these things from a different script, please tell me.
Thankyou!
Daniel
View Replies !
View Related
Help With Xml Photogallery?
hey guys, i followed the tutorial at http://www.lukamaras.com/tutorials/a...e-gallery.html
for a xml flash gallery and got it mostly working, however i did something and for some reason the comments don't show anymore! i've attached it here, i'd REALLY appreciate any help with this - its for a school project and my dumb group decided to use flash instead of html. lol, but seriously any help is appreciated.
http://www.mediafire.com/?4zxygpyl1nh
View Replies !
View Related
Photogallery
On the photogallery on this site, does anyone know how to make it so that when you hit the last image in the array, it will only let you go back and not forward.
For example:
there are 3 images (a, b and c)
once the person is on C, clicking next will not do anything.
Any ideas?/
View Replies !
View Related
PhotoGallery
Hi guys this is my first post, i've been reading a lot here and find this very helpfull. But after 2 days i'm just ready to throw myself from the 20th floor of a building.
I've used flash along time ago i think it was version 4 or 5, i've stopped and now started again, i've seen the code as changed a lot so why would not like to start learning AS2 but directly AS3.
I'm trying to build a dynamic photogallery and i would like some advices on this, if possible.
Idea: Load small thumbnails of the images in the stage, the user clicks the thumbnails and show the big image, the images are dynamically loaded using a xml file.
Methodology: What i "think" it should be done is,
Create a MovieClip in Stage and call it PhotoGallery
Create one MovieClip that is gonna be the holder for the photos
Change the photo inside the holder MovieClip and duplicate it
Postion the holder on stage so can act as a thumbanail
Add some listeners to each holder movie so when the user clicks it shows the big image.
My code:
Code:
var xmlfile:String = "imglist.xml";
var ldr:URLLoader = new URLLoader();
var img:Array = new Array();
ldr.load(new URLRequest(xmlfile));
ldr.addEventListener(Event.COMPLETE, onLoaded);
function onLoaded(e:Event):void {
var xml:XML = new XML(e.target.data);
var xmlList:XMLList = xml.photo;
for (var i:int=0; i<xmlList.length(); i++) {
img.push(xml.photo.text() [i]);
var ldrImg:Loader = new Loader();
ldrImg.contentLoaderInfo.addEventListener(Event.COMPLETE, LoadBitmap);
var imgFile:String = "images\"+img[i];
ldrImg.load(new URLRequest(imgFile));
}
}
function LoadBitmap(e:Event) {
var bmp1:Bitmap = Bitmap(e.target.content);
var bmp:Bitmap = new Bitmap(bmp1.bitmapData.clone());
var mc:MovieClip = new MovieClip();
bmp.width = 50;
bmp.height = 50;
mc.addChild(bmp);
addChild(mc);
mc.addEventListener(MouseEvent.CLICK, onClick);
}
help plz
thanks in advance
View Replies !
View Related
PhotoGallery Help
Please help me......
Can you teach me on how to do this kind of photo gallery
http://www.weddingarchives.com/gallery/flashgallery.htm
it is really nice & i want to make something like that for my site....
treat me as a baby... so you could teach me step-by-step....
if steps are too long, you can send it as an email.... greatly appreciate it.....
View Replies !
View Related
Xml Photogallery
i want to create a phtogallery (xml+flash) with thumbnail scroller scrolling horizontally.
Thumnails and main imges both loading externaly via xml.
How to create thumnailscroller???
j
View Replies !
View Related
Photogallery
Hi!
Anyone who can give me a nice way to do a photogallery? I want some categories... and then maybe thumbnails..
The I wonder If anyone knows a good place to upload pictures? I need quite much space and I dont wanna pay
I would be very greatfull for help. Thank u!
View Replies !
View Related
New Photogallery
hey guys, im making a new photogallery for some of my work. you can see the current site at
www.creativejuggernauts.com/daniel
in any case, im wondering if you think i need a preloader for all those photos and if so, what would the code look like to preload external jpgs? i know that question was asked before but all the threads i looked through seemed kind of esoteric. any help is appreciated.
View Replies !
View Related
XML Photogallery
Hi I've just tried to ammend the photogallery tutorial using XML on Kirupa...
http://www.arkstudios.co.uk/eurostar/test.swf
I have uploaded a test file above... the first 3 images.. i have changed the link in the xml document to my own... but they are not loading in..
heres the changes i have made to the xml document....
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>http://www.arkstudios.co.uk/eurostar/jewellery/earrings/1.jpg</image>
<caption>Earring1</caption>
</pic>
<pic>
<image>http://www.arkstudios.co.uk/eurostar/jewellery/earrings/2.jpg</image>
<caption>Earring2</caption>
</pic>
<pic>
<image>http://www.arkstudios.co.uk/eurostar/jewellery/earrings/3.jpg</image>
<caption>Earring3</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/stata_lobby.jpg</image>
<caption>Stata Lobby</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/construction.jpg</image>
<caption>Construction</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/dome.jpg</image>
<caption>The Dome</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/structure.jpg</image>
<caption>Structure</caption>
</pic>
</images>
View Replies !
View Related
Help With The Xml Photogallery
Hi all,
What I want to do is to have the photogallery displaying both portrait and landscape images. This offcourse works now, but I also want both formats to be centered in the image area. At the moment the images have a reference point in the top left corner...
Hope you understand and can help me out.
I've also been looking at the slideshow from http://whatdoiknow.org/archives/001629.shtml
I want to do the same thing with this one...
Hope someone can hep me out. I don't know much AS
View Replies !
View Related
XML Photogallery Tut Q?
Hi,
i've used scenes to load the various XML files to as i had 3 galleries.
but if i was to place a function on a button that loaded the next xml file in the directory and the next thereafter and also go back to the previous xml file - how would i do this?
cheers.
View Replies !
View Related
|
TRACKER
