How Easy Is It To Convert A Flash Gallery To An Xml Flash Gallery?
I have made a photo gallery using the newest version of flash and using AS3, however I have very little knowledge of xml and html, and am struggling to learn. How easy is it to apply xml to a normal flash gallery? What or where is the best for learning xml?
Adobe > Flash General Discussion
Posted on: 09/29/2007 10:31:36 AM
View Complete Forum Thread with Replies
Sponsored Links:
How Do I Do This Please Urgent & Prob. Easy Flash And Xml Gallery
Please can someone help?
kirupas xml photo gallery
This xml file is uploaded wih everything else htmls and swfs.
Below is the original file fom the download forom kirupa.com.
It shows the path it gets the photos from the site.
Even if you put this whole picture viewer into my site in flash and upload this with the original xml file it works on my site, using their pics and links.
This is what i need to do for my pics which are on my site in the images folder, below that, is what i have suggested. but doesnt seem to work when on the web. ?????
Please can someone help?
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
- <images>
- <pic>
<image>http://www.kirupa.com/developer/mx2004/pg/kresge.jpg</image>
<caption>Kresge</caption>
</pic>
- <pic>
<image>http://www.kirupa.com/developer/mx2004/pg/medialab.jpg</image>
<caption>Media Lab</caption>
</pic>
- <pic>
<image>http://www.kirupa.com/developer/mx2004/pg/stata.jpg</image>
<caption>Stata Center</caption>
</pic>
- <pic>
<image>http://www.kirupa.com/developer/mx20...tata_lobby.jpg</image>
<caption>Stata Lobby</caption>
</pic>
- <pic>
<image>http://www.kirupa.com/developer/mx20...nstruction.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>
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<pictures>
<pic>
<image>http://www.wallofdeath.uk.com/images/image1.jpg</image>
<caption>wall of death</caption>
</pic>
<pic>
<image>http://www.wallofdeath.uk.com/images/image2.jpg</image>
<caption>Media Lab</caption>
</pic>
<pic>
<image>http://www.wallofdeath.htm/images/image3.jpg</image>
<caption>wall of death</image>
</pic>
<pic>
<image>http://www.wallofdeath.uk.com/images/image4.jpg</image>
<caption>wall of death</image>
</pic>
<pic>
<image>http://www.wallofdeath.uk.com/images/image5.jpg</image>
<caption>Construction</caption>
</pic>
<pic>
<image>http://www.wallofdeath.uk.com/images/image6.jpg</image>
<caption>The Dome</caption>
</pic>
<pic>
<image>http://www.wallofdeath.uk.com/images/image7.jpg</image>
<caption>Structure</caption>
</pic>
</pictures>
View Replies !
View Related
Photoshop CS2: Web Photo Gallery: Flash - Gallery 1
I'm interested to know the code that Adobe Uses with one of their Web Photo Gallery (Photoshop CS2) - it's the one called "Flash - Gallery 1".
Here's a sample of it:
http://www.newrisedesigns.com/charlie/060416/
What I'm interested in, is how to do the thumbnails...when you roll over them - they move all of the other thumbnails around - and also show the name of the external jpg file.
Anyone know or have the source code to do that? What about any kind of tutorial out there that can do this?
Help please?
View Replies !
View Related
Convert Gallery To Slideshow
Hi
I've got a user-controlled gallery on a webpage which is working fine at the moment: Aztec site
The client now wants it to be a slideshow however. Rather than start from scratch, is there any way to keep it as it is, but make it act as if the user is clicking on each thumbnail every 10 seconds or so. I'd be hiding the thumbnails.
In effect, I want to convert it from an interactive gallery to a passive slideshow, but keep the scrolling effect.
Here's the flash file: link
And here's the ActionScript:
this.createEmptyMovieClip("images", 100);
this.attachMovie("mask", "mask", 101);
mask._x = images._x =5;
mask._y = target = 5;
images.setMask(mask);
images._y = -1000;
speed = 5;
for (var i = 0; i<8; i++) {
var img = images.attachMovie("image"+i, "image"+i, i);
img._y = img._height*i;
var thumb = this["thumb"+i];
thumb._alpha = 60;
thumb.pos = target+(i*-img._height);
thumb.onPress = function() {
target = this.pos;
};
thumb.onRollOver = function() {
this._alpha = 100;
};
thumb.onRollOut = function() {
this._alpha = 60;
};
}
this.onEnterFrame = function() {
images._y += (target-images._y)/speed;
};
Edited: 09/05/2007 at 06:46:00 AM by VMount
View Replies !
View Related
How Can I Convert This .FLA To A Photo Gallery?
Hello, Flash Gurus!
I downloaded this .FLA from a Flash website that had experimental files you could download. This is the best Mac OS X like menu I've found so far on the net and was wondering if any of you Gurus could give me an idea on how to convert it to a photo gallery. The user would click on the thumbnail at the bottom and the larger version would appear in a window above.
Thanks for any and all advice!
mikeyc2k
example .fla file
View Replies !
View Related
How Can I Convert This .FLA To A Photo Gallery?
Hello, Flash Gurus!
I downloaded this .FLA from a Flash website that had experimental files you could download. This is the best Mac OS X like menu I've found so far on the net and was wondering if any of you Gurus could give me an idea on how to convert it to a photo gallery. The user would click on the thumbnail at the bottom and the larger version would appear in a window above.
Thanks for any and all advice!
mikeyc2k
example .fla file
View Replies !
View Related
Easy Photo Gallery
I am working on a site, and i am planning on incorporating a photo gallery. I was wondering if there was anything outthere that i could simply download, and place my pictures, instead of example ones. Preferable something easilly changable, and easy to add more pictures. Also i would want to change it so that it fits in with the sites colors and design.
Thank you...just leave a link or something or maybe suggests or something if possible.
View Replies !
View Related
Thumbnail Gallery - Easy One
Ok here's an easy one.
I'm creating a simple thumbnail/image viewing app right?
I have an external .as file handling all my actions.
I have an XML file with my thumbnail urls and my main image urls.
I know how to create an XML driven menu, but what I'm wondering is whether to use a movieclip listener object for my thumbnails.
Is it common practice to use the MovieClipLoader to load in a bunch of thumbnails for a gallery AND once they have been loaded use that same movieclip listener object for loading my main images? Do I have to create a separate Listener object for the larger images? I just want to be as efficient as possible.
I hope that's a clear question.
View Replies !
View Related
Photo Gallery Easy Question?
I've been trying to customize the photo gallery tut to incorporate an xml doc. (I've looked at the macromedia xml gallery tut but I would like my pics to fade in and out).
My question is:
How can I make my image array available to the other code functions if it is created within an initial xml function, rather than as a global list?
i.e.
function startSlideshow(){
this.pArray = new Array();
for(i = 0; i < root.childNodes.length; i++){
this.pArray[i] = root.childNodes[i].attributes.src;
}
}
rather than:
this.pArray = "image0.jpg", "image1.jpg", "image2.jpg", ...etc.
I'd be happy to supply the full code if it will make more sense! Thanks for your time...
View Replies !
View Related
Fairly Easy Question - Photo Gallery Tutorial
Dear All,
I have a bunch of photos and I would like to use for a header on my website that would be rotated continously.
I just read: http://www.kirupa.com/developer/mx/photogallery.htm, which explains how to create a nice, sophisticated photo gallery but my question is this...how would I make the photo gallery dependent on time as opposed to buttons/keys on the keyboard.
Cheers!
View Replies !
View Related
Scottys Resize Gallery The Gallery With Thumbnails And Multiple Galleries Problem
Hi all,
I'm relatively new to flash and was looking through the forums and found Scottys cool resize gallery which i am trying to implement in a dreamweaver website.
This is probably a stupid question but i was wondering if anyone could tell me how to add in a fifth gallery to the program - i'm probabaly doing something stupid but i can't seem to access the actions panel at all to look through the code??
Any help would be greatly appreciated!!
Also, does anyone know if this gallery will take forever to load onto a webpage or will it load relatively quickly!??
Thanks a mil in advance
Derm
View Replies !
View Related
This Is A Fix To The Image Gallery Tutorial - Makes It A Fully Dynamic Gallery
After searching and reading a couple of hundred post on the truly GREAT Kirupa image gallery tutorial - and wondering why nobody has written a new tutorial or at least updated the "old" one to avoid overloading the net with flash image gallery questions.
Im trying to create a new thread that will serve as a basic startingpoint for all Kirupa gallery questions. Im no überscripter nor do I know a lot about flash, but with a little common sense and perhaps some help from all of you... oh well - here goes:
Quick Checklist:
If your JPG's wont load - Make sure you don't save them as progressive JPG's, as they wont load in Flash.
If your images dont align to the photo container movieclip it is probably because your registration point of the photo MC is set to center instead of topleft.
Below is the code I have pieced together from different posts on the subject (I would like to credit all the authors, but that would require me reading all the posts again, as I have forgotten where I got them.
It produces a gallery that loads files dynamicaly thru a phpscript and checks for maximum image height/width and scales the images to fit within the photo MC. It also sets the center of the displayed images to a given coordinate (x,y).
All in all this is a install and forget image gallery, where the only maintaining required is uploading new pictures to the image folder.
On the server the file/directory structure is:
gallery swf
filearray.php
images/file_x.jpg
file_y.jpg
etc...
This is the filearray.php - modify this to check for files in the path set in the actionscript line: this.pathToPics = "images/";
PHP Code:
<?php if ($dir = opendir("images")) { while (($file = readdir($dir)) !== false) { $cont++; if ($file == "." || $file == "..") { } else { $string.= ($file); $string.= "&"; } } closedir($dir); } print($string); ?>
This is the modified actionscript from the original Kirupa gallery script:
ActionScript Code:
// This loads the array created by filearray.php and puts it into pArray lv = new LoadVars(); lv.load("filearray.php"); lv.onData = function(text){ pArray = text.split("&"); for (i=0; i<pArray.length-1; i++) { trace(pArray[i]); } } // 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 = "images/"; // fill this array with your pics (set from filearray.php) this.pArray = pArray; 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); // Center the photo at (x,y) the coordinates are set in line 69 MovieClip.prototype.centered = function(x, y) { this._x = x-this._width/2; this._y = y-this._height/2; }; // Makes sure that the image fits within (wMax, hMax) MovieClip.prototype.resize = function(wMax, hMax) { while (this._width>wMax || this._height>hMax) { this._xscale = this._yscale -= 1; } }; // This line sets max width and max height (wMax, hMax) photo.resize(397, 297); 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; // This line sets the (x,y) center of the image on the stage this.photo.centered(249, 213); } 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; } };
This should do it - the only thing I (think) I need some help with is changing the script to actually load the FIRST image, when the gallery loads. For some reason beyond my knowledge you have to click the next button for a image to load... What part of the script needs to be changed to make sure that a image is loaded on startup???
I hope someone will take the time to help develope this gallery tutorial / help file... It would be great if you added som more steps to the quick checklist... and of course fixed the load image on start problem....
View Replies !
View Related
This Is A Fix To The Image Gallery Tutorial - Makes It A Fully Dynamic Gallery
After searching and reading a couple of hundred post on the truly GREAT Kirupa image gallery tutorial - and wondering why nobody has written a new tutorial or at least updated the "old" one to avoid overloading the net with flash image gallery questions.
Im trying to create a new thread that will serve as a basic startingpoint for all Kirupa gallery questions. Im no überscripter nor do I know a lot about flash, but with a little common sense and perhaps some help from all of you... oh well - here goes:
Quick Checklist:
If your JPG's wont load - Make sure you don't save them as progressive JPG's, as they wont load in Flash.
If your images dont align to the photo container movieclip it is probably because your registration point of the photo MC is set to center instead of topleft.
Below is the code I have pieced together from different posts on the subject (I would like to credit all the authors, but that would require me reading all the posts again, as I have forgotten where I got them.
It produces a gallery that loads files dynamicaly thru a phpscript and checks for maximum image height/width and scales the images to fit within the photo MC. It also sets the center of the displayed images to a given coordinate (x,y).
All in all this is a install and forget image gallery, where the only maintaining required is uploading new pictures to the image folder.
On the server the file/directory structure is:
gallery swf
filearray.php
images/file_x.jpg
file_y.jpg
etc...
This is the filearray.php - modify this to check for files in the path set in the actionscript line: this.pathToPics = "images/";
PHP Code:
<?php if ($dir = opendir("images")) { while (($file = readdir($dir)) !== false) { $cont++; if ($file == "." || $file == "..") { } else { $string.= ($file); $string.= "&"; } } closedir($dir); } print($string); ?>
This is the modified actionscript from the original Kirupa gallery script:
ActionScript Code:
// This loads the array created by filearray.php and puts it into pArray lv = new LoadVars(); lv.load("filearray.php"); lv.onData = function(text){ pArray = text.split("&"); for (i=0; i<pArray.length-1; i++) { trace(pArray[i]); } } // 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 = "images/"; // fill this array with your pics (set from filearray.php) this.pArray = pArray; 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); // Center the photo at (x,y) the coordinates are set in line 69 MovieClip.prototype.centered = function(x, y) { this._x = x-this._width/2; this._y = y-this._height/2; }; // Makes sure that the image fits within (wMax, hMax) MovieClip.prototype.resize = function(wMax, hMax) { while (this._width>wMax || this._height>hMax) { this._xscale = this._yscale -= 1; } }; // This line sets max width and max height (wMax, hMax) photo.resize(397, 297); 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; // This line sets the (x,y) center of the image on the stage this.photo.centered(249, 213); } 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; } };
This should do it - the only thing I (think) I need some help with is changing the script to actually load the FIRST image, when the gallery loads. For some reason beyond my knowledge you have to click the next button for a image to load... What part of the script needs to be changed to make sure that a image is loaded on startup???
I hope someone will take the time to help develope this gallery tutorial / help file... It would be great if you added som more steps to the quick checklist... and of course fixed the load image on start problem....
View Replies !
View Related
Flash MX 2004 > Flash/XML Photo Gallery > Categories
Hello everyone,
First of all, thank goodness for this website and all the helpful tutorials. I never expected to get this far!
I'm using a combination of the Photo Gallery using XML and Flash (with thumbnails and a simple PHP gallery script called Gallery Thingie. So far, I've got the XML file's image data working with the Flash movie. However, Gallery Thingie also has a feature allowing the creation (and deletion) of image categories. How can I use this feature with the flash gallery?
So far I've added some buttons that would switch between categories, but they don't do much yet since I'm not sure how to say "when this category variable is present, display only thumbnails with that variable." Download the flash file (and others) from the link below.
ActionScript Code:
/*Code for loading XML file. */
function loadXML(loaded) {
if (loaded) {
/* "xmlNode" is just a faster way of saying "this.firstChild". */
xmlNode = this.firstChild;
image = [];
head = [];
description = [];
thumbnails = [];
category = [];
cat = xmlNode.childNodes[0].firstChild.attributes.cid
/* Finds total number of child nodes (images w/captions to be displayed, in this case). */
total = xmlNode.childNodes[1].childNodes.length;
/* Extracts data from each child node, stopping when the total (defined above) is reached. */
for (i=0; i<total; i++) {
image[i] = "images/"+xmlNode.childNodes[1].childNodes[i].childNodes[0].firstChild.nodeValue;
head[i] = xmlNode.childNodes[1].childNodes[i].childNodes[1].firstChild.nodeValue;
description[i] = xmlNode.childNodes[1].childNodes[i].childNodes[2].firstChild.nodeValue;
category[i] = xmlNode.childNodes[1].childNodes[i].childNodes[3].firstChild.nodeValue;
thumbnails[i] = "images/th_"+xmlNode.childNodes[1].childNodes[i].childNodes[0].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
cat = 0;
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("gt-data.xml");
/////////////////////////////////////
/* Lets the user scroll through with left and right arrow keys. */
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
/* Note the references to button instances previous_btn and next_btn here.*/
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
/* The movie begins, naturally, at the beginning--in XML, that's zero! */
p = 0;
/* Preloader for images. */
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader._visible = true;
} else {
/* Makes preloader invisible once the image starts to fade in. */
preloader._visible = false;
/* Fade in the image. (If the alpha is under 100, add 10.) */
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
/* Load & display the next image. It cleverly calculates whether you are at the end of the
images or not. If you are, the script doesn't run.*/
function nextImage() {
/* If it's less than the total (the last image), let's go ahead and load the next image. */
if (p<(total-1)) {
p++;
if (loaded == filesize) {
/* If it is loaded, set alpha to zero, so that the preloader can fade it in! */
picture._alpha = 0;
/* Put the image where it is supposed to go. */
picture.loadMovie(image[p], 1);
/* Load description into text box "desc_txt" */
desc_txt.text = description[p];
head_txt.text = head[p];
/* Activates the function down below, telling you what number picture you're viewing. */
picture_num();
}
}
}
/* Basically the same as nextImage(), but backwards. Fading and image/text insertion is the same. */
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
head_txt.text = head[p];
picture_num();
}
}
/* Automatically show the first image when the movie is loaded, fade-in and all. */
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
/* Use image[0] instead of image[p] since this only applies to the first image. */
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
head_txt.text = head[0];
picture_num();
}
}
/* Thumbnail list. */
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._alpha = 50;
target_mc.onRollOver = function() {
this._alpha = 100;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 50;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}
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._height)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=40) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}
/* Displays current position and total number of pictures. */
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
Code for XML:
Code:
<?xml version="1.0" encoding="ISO-8859-1"?>
<gallery>
<categories>
<category cid="0">Monkeys</category>
<category cid="1">Sample</category>
</categories>
<images>
<image id="0">
<file>image1.jpg</file>
<title>Pig Tailed Something</title>
<description>This is really easy.</description>
<imgcategory>0</imgcategory>
</image>
<image id="1">
<file>image2.jpg</file>
<title>Wooly Monkey</title>
<description>Here's another!</description>
<imgcategory>0</imgcategory>
</image>
<image id="2">
<file>image3.jpg</file>
<title>Photo</title>
<description>Something by Peter Laytin.</description>
<imgcategory>1</imgcategory>
</image>
</images>
</gallery>
I'd appreciate any help I can get!
View Replies !
View Related
Flash Web Photo Gallery From Photoshop Cs Into Flash Project
I was looking around for a flash photo gallery generator
and turns out photoshop cs2 has just that built in under file/automate
has anyone had any luck loading the gallery.swf generated by CS into a 100% flash site?
it generates 2 xml files and 2 .js files along with a gallery.swf
+thumbnail and images folders
this is what I use to load, but this doesn;t take into consideration the xml
I'll have to go over the loading xml basics again, just wanted to see if anyone else uses CS or a similiar generator in their flash projects.
//load Movie Behavior
if(_root.gallery_container == Number(_root.gallery_container)){
loadMovieNum("gallery_test/gallery.swf",_root.gallery_container);
} else {
_root.gallery_container.loadMovie("gallery_container/gallery.swf");
}
//End Behavior
View Replies !
View Related
Movie/anim Gallery? (not Image Gallery)
Ive come across this gallery and preloader
http://www.flashkit.com/movies/Scrip...7797/index.php
I love the way I can just dump my images in a folder and with a few tweaks it will put these images in the gallery.
What I am looking at is a way to do this with seperate .swf animations.
What I want to be able to do is dump a number of linear animation swf files into a folder, then when I launch the gallery, the first animation plays, and when it reaches the end it automatically plays the next animation in the folder. Then I want the whole thing to loop.
Any ideas?
View Replies !
View Related
XML Gallery - Generate XML Path For Image Gallery
I learned from great tutorial of kirupa .
I tried to create own image gallery, now I stay in front of problem.
How can I generate path for my images and thumbnails for XML file.
E.g. I have 110 images paths and 110 thumbnails path.
Manually takes it lot of time , how can I make this code for XML file?
<pic>
<image>images/img/ref/img/img_001.jpg</image>
<thumbnail>images/img/ref/thm/img_001.jpg</thumbnail>
</pic>
next node, next node,
...
last node:
<pic>
<image>images/img/ref/img/img_110.jpg</image>
<thumbnail>images/img/ref/thm/img_110.jpg</thumbnail>
</pic>
View Replies !
View Related
Product Gallery, Image Gallery Or Portfolio..
Hi! This is probably insanely much to ask for but I do it anyway This is for us designers that want to learn some action script to help us show some xml driven data in our flash projects.
I’ve been searching the web for tutorials that can help me with a specific project that I want to develop. I’ve found a bounce of things that is close to what I’m looking for but not right on the spot. And I think that there are many out there that are looking for the same tutorial as I am. For me the best way to learn is to deconstruct example files with code hints. So if any of you flash gurus out there could help us with an example .Fla for this project I think many would be very happy!
The project:
I want to create a gallery of “what ever”. It could be a product gallery, image gallery or a portfolio. This can be used for many things. I’ve attached an image (template.jpg) that pretty much explains what I’m looking for. I also included an example of how the xml file could look like.
I think this could be an excellent example for many designers/developers that are new to dealing with xml, images and flash.
View Replies !
View Related
Thumbnail Gallery Tutorial - Gallery Within Movieclip
I've taken the Adding Thumbnail tutorial http://www.kirupa.com/developer/mx2004/thumbnails.htm and it works perfect. However when I play the photogallery swf file within a movie clip (playing as externail swf from main timeline) and the gallery pulls up. The links work and all is good. All until I try and scroll to more thumbnail files. It's now scrolling. Scrolls fine when swf played indendently.
This couldn't have come a worse time as my finals are due in hours.
Please help if you can.
Thanks
View Replies !
View Related
Populate The Multi-Gallery Ver. Of Josh's Gallery From A Db?
I'm getting a little lost in all the technologies available. I would like to have the actual buttons for the multi-gallery version of Josh's gallery (it's in his original post, about half way though) to be populated by my db, for the 'entire site' version of a photographer's homesite I am building, to be available for all when it's done (i.e., it will be entirely open source and free). I have a LOT to learn. For now, I have a db, and also within the original post, someone wrote a php script to generate the xml from a db, using PHP, which I was lucky that someone converted to ColdFusion for me. And it led me to think...is there anyway the actual gallery buttons cal be populated on the fly based on my db such that anytime the page is loaded, it reads the db and loads the proper buttons? I guess a similar approach would work...put the gallery names and id's into a db, have a script to convert the galleries into an exl file (i.e., where it currently is an 'album' node in the multi-gallery version, and read that and populate the gallery appropriately. Read the albums available from the script, and populate the buttons accordingly, is what I'm trying to say. I can show you an example of where I'm going with Josh's gallery, which has been a god-send for me (I owe this man BIG TIME) but it's, as usual, a work in progress: http://shawngibson.com/faceitphoto.c...ii/index2.html The buttons (under portfolio)...the main page is blank cuz I've no idea what she would want as an intro)...are hard-coded to the xml (you manually add them as per the original, not changed anything yet, and only thefirst 2 are coded I think), but I'd like them to be based on a db because that php script seems to offer me the chance to load the galleries themselves dynamically. It will be HOPEFULLY based on ColdFusion, but right now I can do either CF or PHP, because I can pay someone to do the conversion if necessary. I loathe PHP because I can't for the life of me make sense of it, CF is much easier to try and understand. Are any of you inclined to help with this? I am lost with the whole remoting thing. It will be an open-source project for all to have, with all proper credits when it's done. Currently, I'm using my best friend as my testing bed - it's her gallery I'm trying to build. If this is clear as mud, please let me know. Shawn
View Replies !
View Related
Problem Loading Thumbnails From Gallery To Gallery
Hello,
I've finally published our site (many thanks to all that helped from the forum).
I have two problems :
First: It was just brought to my attention that the site doesn't load in IE. I believe this is an html thing.
Second: I have multiple galleries that load from different points in the timeline.
But if you scroll the thumbnails in one gallery then click to another gallery. It doesn't load the thumbnails from the first thumbnail but from around the same point the last gallery was left. (I hope this makes sense).
Anyways I need the thumbnails to load at the start every time.
Any thoughts??
thanks
View Replies !
View Related
Converting This Photo Gallery To A Video Gallery
I have made an attempt at converting the below referenced Photo Gallery to a Video Gallery and need help with two things:
1. Have the FLVComponent call the video from an XML file
2. Move the Title from the top to the underneath the Thumbnails when the mouse hovers over
The FLA project can be downloaded from:
hxxp://members.cox.net/dgtlmik/Video_Gallery.zip
Thanks in advance!
View Replies !
View Related
Flash Gallery
Hey Flashkitters,
I found this nice gallery fla but the only thing it can do is go foward or backwards, I'm trying to create thumbnail selection so you can click and it load the movie to the photo instance.
I would probably have to make a new prototype similar to the one below but I dont know where to start.
--???----------------------------------------------------------------
MovieClip.prototype.gotoPhoto = function() {
this.pIndex += this.pArray.length;
}
this.onEnterFrame = fadeOut;
--???---------------------------------------------------------------
I made the prototype above which I'm sure it completly wrong but I'm sure its on those line.
Thanks for you help
Dihan
Fla Attached
--ALL----------------------------------------------------------------
// 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"];
// Fade Speed
this.fadeSpeed = 20;
// Index Number ???
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);
// Change Photo Button
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;
};
// Fade out Function
MovieClip.prototype.fadeOut = function() {
if (this.photo._alpha>this.fadeSpeed) {
this.photo._alpha -= this.fadeSpeed;
} else {
this.loadPhoto();
}
};
// Load Photo Function
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
Flash Gallery
Hi
I tried to take the dynamic gallery (that was provided by Macromedia, it's in the lessons>FLA folder) and to adjust it to my needs. I scaled everything I needed to scale (each image I want to be loaded is 400X400 px), seems that I changed everything that had to be changed in the action script, I don't get any Error messages, but the images doesn't load!!! I have 36 images in total, non of them is loading. What can be the problem?
The file is to big to attach, even when it zipped, so here's a link to download it
Thanx in advance!
View Replies !
View Related
Flash XML Gallery
Based on the Kirupa Flash XML Gallery, I tried to expand it as far as I could. Right now, it loads the images, generates buttons dynamically according to how many images are in the XML que, and each image is hyperlinked.
One Thing I can't figure out is...
I want to load in a swf file dynamically via XML into an another empty movieclip everytime I move to a new image in the gallery. In another words if I have 9 images in my gallery, each image is assigned a swf file to load into another empty movieclip. The first swf is automatically loaded onload. If I click image 2, I want whatever's currently in the empty movieclip to fade out and image 2's swf loaded into the empty movieclip?
Geez, I'm having trouble articulating this. Make sense?
this is as far as I got.
callout_XML
help and advice?
View Replies !
View Related
Flash Gallery
hey!!!
im just a beginer and i have a particular interest in making flash galleries like here http://www.myflashxml.com.
if u can help please help. ill be glad to see it.
might someone have the sources..or can u just give me a couple of tuttorials, of course if its possible...hope for an answer!!!
View Replies !
View Related
Flash Gallery
Okay...I have this flash gallery of all my work. So far, there r only 2 buttons. Each loading a 400X300 external SWF from the internet. They r definitely linked right because there is no error when you click them. The first one works fine. The second one doesn't.... They're both formatted the same, so what could be the problem?!?! Any ideas? Anything's appreciated!
View Replies !
View Related
Flash Gallery Help?
Hey guys n gals, just wondering if you could help me out. I have come across a part of a site that im working on where the client(friend) wants a gallery page made inside his flash site. What he wants is for little thumbnails to load in sort of a scroller in the bottom part of the screen. And you move to either side to move through the images. Now once one is clicked. Load the larger version onto the main part of the stage.
I have found many examples. The first one being the closest match.
1 Gallery 1
2 Gallery 2
3 Gallery 3
Now these are all ones that you must purchase and i was looking to make my own version. I want mine to work like Gallery 1 , but load in images like Gallery 3.
So heres the question. Has anyone got any examples i could look at which are similar to what i want and is their any form of tutorial for something like this.
I cant seem to figure out how to structure it and how it all works.
I figure it will use an xml file with the details of the image locations. But dont know how to load in thumbnail versions and then load the larger version.
Any help would be much appretiated.
Thanks in advance
View Replies !
View Related
Flash Gallery Help
Can someone direct me to a gallery thing? I dont knwo what to call it. I foudn similar things, but nothign here to help. I was wondering if anyone knew exactly where oen was here or elsewhere, or could simply find one where I cant.
What Im looking for is.. I want to have thumbnails on the side of the flash document (Ive already made the thumbnails in Photoshop), and I want it to where when soemone clicks on the thumbnail, that the real picture, whole picture, will load on the main area of the document.
((I attempted to do this earlier today using the LoadMovie script, but it didnt work. It came out to where the thumbnails flashed on and off in the middle in a line, and then they flashed on the side once before repeating the process. T.T)
View Replies !
View Related
Please Please Help Me - Flash Gallery
I use a template flash -xml gallery, and I wish the thumbs to move up and down with mouse rollover - not with invisible dragger (like I solved it for now).
I’m not so good in actionscript, so I solved it by making the dragger move without clicking and made it invisible.. However that solution is not good enough because mouse is not active on thumbnails only between them, so thumbnails jump around and one can’t perfectly control them.
I want them to work without a dragger, only with mouse position.
Now it’s done so that the dragger is placed on mouse position in thumb area, and the thumbs move depending on dragger position...but since the dragger wont move when the mouse goes over the thumbnail, when the mouse gets in the place between thumbs they uncontrollably jump.
Also, very important, the thumbnails keep moving when the mouse is outside the active thumb area, and that shouldn’t happen.
Here is the zip: http://users.triera.net/skazaand/problem/galery.zip
The website I’m programming is: http://www.fluxfield.com/
Please help...I’m loosing my mind
View Replies !
View Related
[F8] Flash Gallery
Hi,
Just wondering if anyone can either direct me to a tutorial or tell me how the galleries on www.elijahstar.com are made. I would like to know how the slideshow is made so when a given picture is shown, the corresponding thumbnail is also lit up. If anyone could help me on this I would be very appreciative.
Thanks.
View Replies !
View Related
Flash Gallery
hey guys i downloaded some cool fla files here that scrool the pictures from left to right withthe mouse.
now the only thing is it possible tho have the pics in a seperet folder?
cause on the website i put an uploader to upload his pics.
thx
dowloaded
slide_me-park_yo-2477
PhotoFad-ValueAme-10654
Dynamic_-Mario_Fl-3949...
or is there one already done??
View Replies !
View Related
Flash Gallery
hi all,
i was just trying to re-create what this site has, http://www.paolosantambrogio.com/
however, i cant seem to understand the masking and xml code the site is using.. i was just curious if anyone in this forum knew how to make something like this...
Thanks a lot !!
Nk
View Replies !
View Related
[F8] XML Flash Gallery
Having trouble integrating a XML flash gallery into my main FLA movie. Everything seems to be in place. When i preview it on my desktop evertyhing work perfect, but when i upload all my file to the web, the main movie works, but the XML flash gallery isn't showing up. Any guidance would be greatly appreciated. thank you in advance.
View Replies !
View Related
Flash Gallery
This one might be a simple one for you pros out there. All I need to do is create an exe gallery file for cd. What I have is a folder containing images. All I want the exe do do is have 2 buttons back (go to previous frame?) & next (go to next frame?) I want the images from the folder to load into the exe file one by one as I click either on back or next?
Easy peasy or a pain in the bum?
View Replies !
View Related
Flash Gallery - How Is This Done?
This is a special type of flash pop up gallery that I have seen on several graphic designers' portfolios. The image pops up and it resizes automatically. Can anyone tell me what this is called or how to do this?
Click any of the thumbnails on this portfolio to see what I mean:
http://www.fergalkeane.com/
View Replies !
View Related
Flash Gallery Too Big?
So, I just made a flash gallery that has 22 thumbnails and 22 images that load. It's a very simple gallery. The entire thing is 3.55 mb, and takes forever to load. Is this a typical size for a gallery like this? If it's bigger than most, is there an easy way to decrease its size?
It was made from pictures that I shrunk in photoshop to 550 max width or height. Resolution is the same as the original photograph.
View Replies !
View Related
XML/Flash Gallery
Hello everyone,
Kind of new to the actionscript/XML arena, so please bare with me. I'm trying to create a fairly simple image browser/slideshow in Flash, controlled by the left and right cursor keys. I know this should be pretty easy to do, but I'm getting tied up in knots over it - and I've only just started!!!
I've got my code at the start:
var gallery_xml = new XML();
gallery_xml.ignoreWhite = true;
gallery_xml.onLoad = function(success) {
if (success){???}
gallery_xml.load("photos.xml")
and I think I've got the cursor control sorted, but I have a few questions:
1.re the Q marks in if (success) - should I be telling Flash to load the first image at this point? If so, how would I do that?
2. I've been told that total = xmlNode.childNodes.length; tells Flash how many images I have. Is there anything else I need to include?
3. What's a simple way of telling Flash to move on an image when the right cursor is pressed etc (with exceptions on the last one)?
4. Is it possible to have images fade in?
Thanks very much for listening, and if you can help in any way, I would be extremely grateful.
View Replies !
View Related
Flash / Xml Gallery - Help
hi there
i have a flash / xml photo gallery
i want to make some editing on it but i have no xml or action script experience
in this gallery : categories - thumbnails - large photos - auto transition from photo to another
i want to make these changes in it
1- i don't want the small photos when clicked to open the big one i want it to open a link i choose
so i want to replace the code of the image directory " <img>bugattiveyronsource.jpg</img> " with a code to allow me to add a link to every photo
2- Remove the auto transition as a result that w removed the big photo showing
at last in one sentence : i want to convert this gallery to a site interface which allow me to link each small photo with a link of a page in my forum
something link the technique used in www.thefwa.com site
here is the link of the gallery which you can edit for me or suggest another one which satisfy my need
http://rapidshare.com/files/62297592...llery.zip.html
hope you help me
View Replies !
View Related
Flash Gallery Help
I am in the middle of finishing my flash gallery and cannot get it to read the images. I am pulling from the right directory. Tottally confused. Below is the actionscript for where it needs to read the image source.
function mainlnit()
{
if (mNum)
{
openNum = mNum;
}
else
{
openNum = undefined;
} // end else if
} // End of the function
totalimg = 24;//total number of large image
col = 2;//total number of thumb image column
row = 12;//total number of thumb image row
stageX = 675;//stage size width
stageY = 675;//stage size height
startX = 706;//thumb image location 'X'
startY = 43;//thumb image location 'Y'
spaceX = 10;//space between thumb image 'X'
spaceY = 10;//space between thumb image 'Y'
thumbWidth = 40;//width of thumb image frame
thumbHeight = 40;//height of thumb image frame
thumbLoadWidth = 30;//thumb image width
thumbLoadHeight = 30;//thumb image height
menuSpace = 65;//large image location 'X'
lineW = 6;
thumbLink = "Gallery1thumb";//thumb image file path
screenLink = "G1";//large image file path
format = ".jpg";//image file format
kNum = 0;
Stage.showMenu = false;
Stage.scaleMode = "noScale";
mNum = 0;
isTimer = false;
timer._visible = false;
page.number.autoSize = "left";
page.total_number.autoSize = "left";
page.number.text = kNum + 1;
page.total_number.text = totalimg;
loadImage(screenLink + kNum + format);
free._visible = false;
view._x = startX;
view._y = startY;
view._width = thumbWidth;
view._height = thumbHeight;
view.swapDepths(100);
thumb._visible = false;
sound._visible = false;
sound_over._visible = false;
auto_page._x = lineW + 10;
auto_page._y = 0 + (lineW + 5);
var k = 0;
var i = 0;
The error message that comes up is:
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/G10.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb0.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb1.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb2.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb3.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb4.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb5.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb6.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb7.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb8.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb9.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb10.jpg'
Error opening URL 'file:///C|/Users/Nicole/Desktop/Site/Gallery1thumb11.jpg'
Error opening URL
My images are divided into gallerys and so are the thumbs. I have put the swf file and fla file in the same main folder as the gallery folders.
This is very urgent as I am trying to upload this clients site tonight. Thank you for all your help.
Lisa
View Replies !
View Related
HOW TO SET UP FLASH GALLERY
Hi Everyone,
I am hope someone (the Flash Experts) can help me with this situation. I want to
set-up a flash gallery where the visitor can click on the thumbnail images and view
them larger on the left hand side of my web page.
Hopefully, I am explaining this situation correctly.
I have purchased slideshow pro, but I can not get the program to work correctly in
Flash CS3.
Can someone from the forum guide me on how to set-up the gallery.
Thanks!
View Replies !
View Related
XML Flash Gallery
Hello,
i have downloaded an xml flash gallery from http://www.airtightinteractive.com/simpleviewer/. I have edited the xml file etc for my own images. When i view the swf file it works perfectly, but when i try and import the gallery in dreamweaver, it does not work. The preloader works, but once loaded i get an error "gallery not found". I imported the folder structure of the xml gallery into the root of my website folder, so any links etc should be the same.
I was not sure if this was a dreamweaver question, or flash. Sorry if i have posted in the wrong forum !
Thanks in advance for your help
View Replies !
View Related
How Can I Fix This In PSD CS3 Flash Web Gallery
hi.
i have a gallery on my website made in psd cs3 and if you look at the page ( http://signsofkauai.com/WEBSITE/PictureGallery/gallery.html ) you will see the .sfw or the image centering the whole page vertically. therefore creating a large space between the navigation buttons and the first image. is there a way to make the .sfw to align top? i just need the pictures to get closer to top of the website so that people dont have to scroll down to see the pictures. which file am i supposed to edit and where should i add what? (sorry, yes i am not experienced in coding :( )
View Replies !
View Related
|
TRACKER
