Tracking Forums, Newsgroups, Maling Lists
Home Scripts Tutorials Tracker Forums
  Advanced Search
  HOME    TRACKER    Flash








External Slideshow/gallery Please HELP ME


I'm really new to flash and I used the tutorial here on how to make a slide show with thumbnails. I'm also making a website with a gallery page, but I'm having trouble with getting the slide show placed in my website.

So far I've tried Importing to the Library and that brought the gallery in but it wouldn't work when i tested it.

I have also tried using the Loader Component and nothing showed there either.

If anyone has any clue what I'm missing or just being stupid about I would much appreciate the help.

Using CS3 & document is set for ActionScript 2.0

Thanks

Shayne




KirupaForum > Flash > ActionScript 1.0/2.0
Posted on: 02-05-2008, 05:59 PM


View Complete Forum Thread with Replies

Sponsored Links:

[F8] Slideshow Problem, With External Swfs And Image Gallery
hi, below i have copied over the code that i am using on my slideshows. I have one main flash file and several external swfs which have a different slideshow in each. The slideshow is calling external images and text in from an xml file.

The problem I am having is that the a)pictures loop, which is ok but when you go to another section on the main swf and call in another external swf, then go back to the original section, the external swf does not play in order, and it speeds up. What can i do to remedy this as it is frustrating! :-)

code on button in main swf

on (press) {
gotoAndPlay(3);
blank2_mc.unloadMovie("inprogress.swf");
}



on (press) {
gotoAndPlay(3);
blank2_mc.loadMovie("inprogress.swf");

}



slideshow in external swf


delay = 3000;
//-----------------------
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
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;
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("inprogress.xml");
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);
desc_txt.text = description[p];
//picture_num();
slideshow();
}
}
}
/*function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
//picture_num();
}
}*/
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
//picture_num();
slideshow();
}
}

function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}

}
}

Thanks in advance.

View Replies !    View Related
Gallery Slideshow
I have a 4 pictures that I need to appear one by one in a loop in a frame. Each picture is also a clickable link to a website and the swf also have four bars. Each bar is associated with one picture and on mouseover the associated picture appears in the panel.

Each should stay for 3 secs and then the next picture should appear.

help will be welcome

This is the code on one of the buttons for the mouseover


Code:
btn_treasure.onRollOver = function () {
treasure_slide._visible = 100;
rush_slide._visible = 0;
oasis_slide._visible = 0;
equator_slide._visible = 0;
}
btn_treasure.onRollOut = function () {
}

View Replies !    View Related
Slideshow With Gallery
i was wondering if anyone knows of a tutorial for a slideshow and gallery together in one. basically i was wanting to have an area on the stage that would display the enlarged images and i wanted some thumbnail images under or next to the display area. if a person clicks on the thumbs they would enlarge onto the display area are but also want to allow them to play slideshow and even pause it and it would cycle through the same images as what the thumbs are. I can do the ideas individually but not sure how to combine them

View Replies !    View Related
Slideshow/gallery Help Please.
Hello, I am new to Flash and I recently purchased the new CS3.

I need a slideshow type object for my website. I don't want it to have a next button or for the user to have any control over it. I just want it to scroll through pictures and maybe add some fade effects (use seen this type of object many times before). How would I go about making one of these? Is this considered a slideshow?

I know CS3 has a template for a slideshow but it has the control panel with it and I'm assuming it would be easier if there was a pre-made slideshow that I can edit that is more related to what I'm trying to do...

Thanks.

View Replies !    View Related
XML Gallery/SlideShow
Ya, thats right, another xml gallery. Stringy motivated me!!
Preview one
Preview two
zip file here
zip file two with external text
zip file three with thumbs and images

Phoenix68 added a version that has the main image resize with the browser window here


Zip files were updated at 12/12/2005. Re-download if you have an older version. Couple bugs fixed

Some things to note.
XML nodes are set up like this

Code:
<image color="0x8E94AF">
<description>image 1</description>
<pic>splat.jpg</pic>
<link>http://kirupa.com</link>
</image>
<image color> is the main background color
<description> is description
<pic> is the name of jpg. IMAGES HAVE TO BE IN A FOLDER CALLED IMAGES!
<link> is the link to go to when the main image is clicked.

The two examples are the exact same fla. This is what you have control over in the configuration layer.

a: The thumb display, wether full screen or use buttons and the way the thumbs come in, either slide up from the bottom or just blink in.
b: Colors: Thumb background, thumb preloader bar, info drop down box background, button background if "buttons" is choosen, arrow color, main image background box and hover caption background. I didnt give the option to change the text color because most will want to use thier own font anyway.
c: You also have total control over how everything is tweening. The main image box, the thumb slide left and right if "buttons" is choosen, the way the thumbs slide up if "slide" is choosen. And also the speed of how everything moves. Even the fade speed of the main image, in and out.
d: the border size around the image
e: if the first image loads or not
f: what you want the hover caption to say for the rollover and even if the node is left empty.

Here is a couple of FAQ's that I know will be asked.
1: How come I get an error that Im missing an .as file.
You need the laco tween component to make it work. Download the component here
Download the extension manager here if you dont already have it.

2:How do I change the speed of the timer.
Double click the timer_mc and just adjust the timeline.

Also, "nobuttons" and "blink" kinda work weird together. The thumbs load faster than the mc can center it self if the thumbs are cached. It doesn't break or anything, it's just cosmetic only.

The code for the fullscreen thumbs was taking from the flashlevel menu by Voetsjoeba. I do not take credit for this. But everything else is mine. And a big thanks to Scotty for helping me with a little math. Damn thumbs

Any questions let me know. I will try to answer as many as I can. But dont expect me to change anything. I think I gave you enough options as it is Any bugs you find post them here, Im only human


Josh

edit: there is no MX version, sorry.

double edit: Im already getting pms with people asking me how to install the lacoz tween and use it. I added a second zip file above that loads all the configurations from a text file. There is no .fla in that zip. If you dont have the lacoz tween installed, then whats the point

View Replies !    View Related
XML Gallery And Slideshow Help
First off let me say that this forum is a lifesaver. I managed to figure out the links in xml file myself, but I cant seem to get the next/previous buttons working the way I want them to.

I have got them to work to the point where they will bring up the next image, this is until it gets to the end of the xml node, then it wont start over from the beginning if I hit next.

Can someone help me -

Here is my code:


Code:
//-----------------------
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
url = [];
delay = [];
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;
url[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
delay[i] = xmlNode.childNodes[i].childNodes[3].firstChild.nodeValue;



}


firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.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() {
clearInterval(myInterval);
prevImage();
};
next_btn.onRelease = function() {
clearInterval(myInterval);
nextImage();

};

play_btn._visible = 0;
p = 0;
pause_btn.onRelease = function() {
clearInterval(myInterval);
pause_btn._visible = 0;
play_btn._visible = 100;
};
play_btn.onRelease = function() {
myInterval = setInterval(pause_slideshow, delay[p]);
pause_btn._visible = 100;
play_btn._visible = 0;
};

/////////////////////////////////////
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 += 5;
}
}
};

function nextImage() {
pause_btn._visible = 100;
play_btn._visible = 0;
previous_btn._visible = 100;
next_btn._visible = 100;
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
url_btn = url[p];
picture_num();
slideshow();
}
}
}
function prevImage() {
pause_btn._visible = 100;
play_btn._visible = 0;
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
url_btn = url[p];
picture_num();
}
}
function firstImage() {
previous_btn._visible = 0;
next_btn._visible = 100;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
url_btn = url[0];
picture_num();
slideshow();


}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}

function slideshow() {
myInterval = setInterval(pause_slideshow, delay[p]);
}

function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}

View Replies !    View Related
Slideshow / XML Gallery Help
Hi there, this is my first post! I am not a programmer, but have managed to combine the slideshow, image gallery and hover features of the provided scripts to create a slideshow that you can control with the previous and next buttons. I have also been able to connect it to an access database so you can control the images / info through Content Management console . . . . . once this has been sorted I will post the code here, if its any use to anyone.

Here is the script!

delay = 5000;
//-----------------------
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
url = [];
link = [];
caption = [];
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;
url[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
link[i] = xmlNode.childNodes[i].childNodes[3].firstChild.nodeValue;
caption[i] = xmlNode.childNodes[i].childNodes[4].firstChild.nodeValue;

}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images_sort.asp");
// ///////////////////////////////////
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;
spacing = 10;
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;
if (Math.round(filesize/loaded) == 1 &&

picture._width != 0 && picture._height != 0) {
var w = picture._width+spacing, h =

picture._height+spacing;
border.resizeMe(w, h, id);

}
}
};
//getURL statement
picture.onRelease = function() {
getURL(link[p], "_blank");
};
//
//Hover Caption
picture.onRollOver = function() {
captionFN(true, caption[p], this);
this.onRollOut = function() {
captionFN(false);
};
};
//
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
link_txt.text = url[p];
cap.desc.text = caption[p];
picture_num();
slideshow();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
link_txt.text = url[p];
cap.desc.text = caption[p];
slideshow();
picture_num();

}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
link_txt.text = url[0];
cap.desc.text = caption[0];
slideshow();
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}

};

//Hover Caption Function
captionFN = function (showCaption, captionText, bName) {
if (showCaption) {
_root.createEmptyMovieClip("hoverCaption", this.getNextHighestDepth());
cap.desc.text = captionText;
cap._width = 5*cap.desc.text.length;
cap._alpha = 100;
//
if ((bName._width+bName._x+cap._width)>Stage.width) {
xo = -2-cap._width;
yo = -17;
} else {
xo = 2;
yo = -17;
}
hoverCaption.onEnterFrame = function() {
cap._x = _root._xmouse+xo+10;
cap._y = _root._ymouse+yo;
cap._visible = true;
};
} else {
delete hoverCaption.onEnterFrame;
cap._visible = false;
}
};

It works great, apart from when I interupt the slideshow, the image selection goes mental - it starts ignoring where it is and what the interval is set to.

Has anyone alny ideas . . . . . .!

Thanks in advance

Pete

View Replies !    View Related
Xml Gallery ... Keep On Slideshow?
I tried to use the XML menu V3.0 from http://www.kirupa.com/forum/showthread.php?t=124931

and put the Xml gallery with Thumbnails but not slideshow, the problem is that the gallery displayed as slide show!!!

anyone know what is going on?!

I tried the first image scripts

function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1).stop;
desc_txt.text = description[0];
}
}

or

function firstImage() {

if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture.image[0].pause;
}
}


can anyone give me some hints!??!

View Replies !    View Related
Timed Slideshow/Gallery
Can someone give me a clue to get started here.

I would like to make a dynamic slideshow. (in that it is pulling variables from an asp page)

I want it to change pictures with the click of a button but also have the picture change after 20 seconds or so on its own.

Because it is dynamic I cant just move along the timeline as you might normally. I need to somehow create a certain number of movies based on the imagenum variable from the asp and then move to the next movie either on a button click or after a time duration.

Has anyone done anything similar? Help?

View Replies !    View Related
Photo Gallery & SlideShow, Need Some Help
Hi,

First to say is, that iam really noob with Action Script, Only could understand (play & stop) 0_0


I download form flashkit some Fla file for dynamic flash Gallery

Ok..


I came up with only changing the Pics.... 0_o

I need help now with changing the code to add two things ( or three if you count the note* )

1- Fade in and out
2- Auto Change pic

This code is what is show on the first fram on the first layer


Code:
MovieClip.prototype.loadjpg = function (picName, holderName) {
var h = ((holderName == undefined) ? "holder" : (holderName));
this.createEmptyMovieClip(h, 1);
this._visible = false;
this[h].loadMovie(picName);
var id = setInterval(function (mc) {
if (mc[h]._width > 0) {
mc._alpha = 99;
clearInterval(id);
mc._visible = true;
mc.onComplete();
} else {
mc.onLoading();
}
}, 80, this);
};
_root.ind = 1;
viewer.pic.loadjpg("new shots/1.jpg");
viewer.pic.onEnterFrame = function () {
this._width = 394;
this._height = 320;
};
stop();



Anyone can show me how please hit me with it.


Note*

some times the Pics are too big which when it loads, it only shows some it. so if you can help with resize the whole pic, please advice.


Thanks in Advanced...

View Replies !    View Related
Help Converting A Gallery Into A Slideshow
Hi again, I just finished adapting a pic gallery with thumbnails. But now the client needs an Auto Slide Show, meaning that independent of the thumbs to press, once the movie begins the big pictures start to appear like an Auto Slide Show. Ive been trying but Im not sure if its too complicated, please any better AS expert, cause definately Im not and its getting too long. ThanKs!

View Replies !    View Related
Slideshow On/off In Image Gallery
hey all, hopefully someone can help me out on this, been frustrating me.

I have this image gallery made using actionscript and xml, implemented a slideshow function to it so if wanted you can turn the slideshow on and it will go through the images automatically, but I also want to be able to turn the slideshow off. I have the slideshow turning on ok and I have it so it turns off but for some reason, after i turn it off and I manually go through the images the slideshow will turn back on after a few clicks.

I have this code on the slideshow on button:


Code:
on(press){
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}
}
}
and using clearinterval on the off button:


Code:
on(press){
clearInterval(myInterval);
}
if anyone can give me a hand that would be awesome, thanks

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
Slideshow/Image Gallery
Happy New Year!!!

I am building an XML image gallery in Flash CS3 with AS3. I am having trouble loading my large images into a movie clip that I created on the stage.

How it works:
1. the thumb images will load in a movie clip located to the left of the stage.
2. when the user clicks on the thumb image the correct large image will load in a different movie clip located on the right side of the stage.

Here is the line of code that I am having trouble with:

this.pricesScrollWindow.largeImages.addChild(this.imageLoader);







Attach Code

//largeImages.visible = false;
/*var largeImages:LargeImages = new LargeImages();
largeImages.width = 590;
largeImages.height = 500;
addChild(largeImages);*/

var imageLoader:Loader;
var xml:XML;
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest("images.xml"));

xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);

function xmlLoaded(event:Event):void{
xml = XML(event.target.data);
xmlList = xml.children();
//trace(xml.children());
for(var i:int=0;i < xmlList.length();i++){
var imageHolder:ImageHolder = new ImageHolder();
imageLoader = new Loader();
imageLoader.load(new URLRequest(xmlList[i].attribute("thumbnails")));
//imageLoader.x = (170 * i);
addChild(imageHolder);
imageLoader.name = xmlList[i].attribute("source");
imageHolder.addChild(imageLoader);
if(i <= 1){
imageHolder.y = 0;
imageHolder.x = (i) * 85;
}
if(i >= 2){
imageHolder.y = 80;
imageHolder.x = (i - 3) * 85;
}
if(i >= 2*2){
imageHolder.y = 80 * 2;
imageHolder.x = (i - (2*2)) * 85;
}
if(i >= 2*3){
imageHolder.y = 80 * 3;
imageHolder.x = (i - (2*3)) * 85;
}
if(i >= 2*4){
imageHolder.y = 80 * 4;
imageHolder.x = (i - (2*4)) * 85;
}
if(i >= 2*5){
imageHolder.y = 80 * 5;
imageHolder.x = (i - (2*5)) * 85;
}
if(i >= 2*6){
imageHolder.y = 80 * 6;
imageHolder.x = (i - (2*6)) * 85;
}
if(i >= 2*7){
imageHolder.y = 80 * 7;
imageHolder.x = (i - (2*7)) * 85;
}
if(i >= 2*8){
imageHolder.y = 80 * 8;
imageHolder.x = (i - (3*8)) * 170;
}
if(i >= 3*9){
imageHolder.y = 80 * 9;
imageHolder.x = (i - (3*9)) * 85;
}
if(i >= 3*10){
imageLoader.y = 80 * 10;
imageLoader.x = (i - (3*10)) * 85;
}
if(i >= 3*11){
imageHolder.y = 80 * 11;
imageHolder.x = (i - (3*11)) * 85;
}
if(i >= 3*12){
imageHolder.y = 80 * 12;
imageHolder.x = (i - (3*12)) * 85;
}
if(i >= 3*13){
imageHolder.y = 80 * 13;
imageHolder.x = (i - (3*13)) * 85;
}
if(i >= 3*14){
imageHolder.y = 80 * 14;
imageHolder.x = (i - (3*14)) * 85;
}
imageHolder.scaleX = .5;
imageHolder.scaleY = .5;

imageLoader.addEventListener(MouseEvent.CLICK, showPicture);
}

}
function showPicture(event:MouseEvent):void{
//largeImages.visible = true;
imageLoader = new Loader();
imageLoader.load(new URLRequest(event.target.name));
imageLoader.x = 0;
imageLoader.y = 0;
imageLoader.scaleX = .29;
imageLoader.scaleY = .29;
this.pricesScrollWindow.largeImages.addChild(this.imageLoader);

//imageLoader.addEventListener(MouseEvent.CLICK, removePicture);
}
function removePicture(event:MouseEvent):void{
imageLoader.visible = false;
imageLoader.removeEventListener(MouseEvent.CLICK, removePicture);

}

View Replies !    View Related
Xml Gallery/albums/slideshow On/off
anyone know of a good tutorial with more albums, slideshow on/off, setting timer, and maybe transitions. Could some off this also be set in a config.file?

View Replies !    View Related
Simple Gallery Slideshow
Hi,
I'm a newbie. When it comes to Flash.
I've checked out the Kirupa tutorials, but I'm still stuck.
Can anyone please tell me how to make the simplist of slideshows. It's basicly for a gallery. That I would like to create. I would like it to simply scroll back and forth through pic's of my paintings. At a rate of one pic per click ( on the back and forth arrow keys I've designed).

Thanks in advance.

P.S Below is what I have so far.

View Replies !    View Related
Photo Slideshow/gallery Help
Hi,

I debated whether to post this on the "Resizing Gallery" thread, but decided I have way too much to cover. I was able to get my photo galleries on my photography site to work exactly how I wanted from the resizing gallery thread, and I must give a big thumbs up and many thanks for that. Now I'm trying to set up a proofing gallery/slideshow for clients to view. Just for quick background, here's what I'm working on http://snappychic.com/clients/smith/index.htm. It's almost to the point where I'm satisfied, but I've got a few things I need to fix and change. As you can see it's a resizing gallery with thumbnails, prev/next buttons, and slideshow with play/pause buttons.

The first issue I'm having is that the slideshow goes in reverse. How can this be fixed so that it goes from Pic 1 to Pic 2 to Pic 3, etc.?

The second issue I'm having is that I can't seem to figure out how to get the play button to work for the slideshow once the slideshow has been paused. How do I properly do this?

The final thing I'd like to do is to have the thumbnail highlighted that corresponds with the current image being viewed. Right now if the thumbnail is clicked, then the thumbnail stays highlighted. However, if the slideshow is running or if the prev/next buttons are clicked, the thumbnails show no indication of corresponding with its image. The thumbnails are movieclips that are each manually made and placed onto the stage with instance names. I thought I could use the thumbnail movieclips in an array to somehow correspond it's highlighted position (last frame in timeline) with the corresponding current image. But, I have no idea how to do this.

If anyone can help me figure out these, then I would be ever so grateful. Thanks a quadrillion in advance.
Jen

View Replies !    View Related
A Simple Gallery To Look Like Slideshow
Ok, not sure how to go about this. SHOULD be pretty simple.
Say I have a bunch of images, all the same size.

One will be displayed. Clicking on a link to another image will make the previously displayed image slide to the right with the new image to the left, sliding into place (with a mask over so only one image is displayed). Does this make sense?

Essentially, it should just look like a long band of pictures, all sliding to the right, but with the user selected image coming into view

View Replies !    View Related
Flash Gallery/Slideshow
Hey everyone. I'm having some problems getting this to work exactly the way I want it to.

What I am wanting to do is generate a movieclip with a textField inside. These will each be created in a forLoop so that they will be created in accordance to a number of photos that I am loading. Each number (the movieclip with the textField inside) should then be able to be clicked on to change the currently loaded photo.

Here is what I have so far:

function setFormat(){
var format = new TextFormat();

format.bold = true;
format.color = 0x580028;
format.font = "_sans";

pic_mc.curPic.autoSize = true;
pic_mc.curPic.selectable = false;
pic_mc.curPic.setTextFormat(format);
};
function loadNumbers(){
var pictures = my_xml.firstChild.childNodes;

for (var i = 0; i < pictures.length; i++){
var currentPicture = pictures[i];

var pic_mc = _root.createEmptyMovieClip("loader_mc" +i, i);
pic_mc._x = (i * spacing) + 40;
pic_mc._y = playPause._y;

pic_mc.createTextField("curPic", +i, 0, 0, 50, 50);
pic_mc.curPic.text = i + 1;
setFormat();

load_main = currentPicture.attributes.url

pic_mc.image = load_main;

loader.loadMovie(currentPicture.attributes.url);

pic_mc.onRelease = function(){
loader.loadMovie(this.image);
};
};
};

The problems I am having are:
1) For some reason the setFormat() function isn't being called.
2) The movieClip with the textField inside has a huge hit area and I don't understand why that is, and I want it to only be the size of the text field.

Thanks

*Update* - sorry quick update. When I move:

pic_mc.curPic.autoSize = true;
pic_mc.curPic.selectable = false;

inside the forLoop it fixes the problem I was having with the size of the hit box. I still can't figure out why the I am unable to call the setFormat() function however.

View Replies !    View Related
Xml Gallery With Auto Slideshow
I just completed a great tutorial on doing an xml slideshow at http://www.kirupa.com/developer/mx20...otogallery.htm.
Would love to add a timer function by adding a button called auto slide show which lets the user select it and have the slideshow automatically fade in and out all the images in the xml file. I think this could be achived using the get timer function but not quite sure how to integrate it. Anyone done this before?

View Replies !    View Related
Advanced Slideshow/Gallery Tutorial?
Hi there,

I'm looking to create a swf similar to the ones on the home pages of Futureshop and Bestbuy. I've been searching all over the internet but can't find exactly what I'm looking for. If anyone can guide me to a tutorial I would appreciate it very much.

Basically I'm looking to have 4-5 images in a slideshow, but I can also click little buttons (not thumbnails) that can jump to any of the images in the slideshow and after jumping to an image the slideshow will still be working.

Please let me know if you know what this is called or if you know a tutorial. I've been searching variations of "looping gallery" "looping slideshow" "slideshow with buttons" to no avail.

Thanks!

(btw if I build this with AS3 do I have to worry about lots of viewers not being able to see it because they have older flash players?)

View Replies !    View Related
Photo/Slideshow Gallery Project Help
I apologize in advance. I have been out of the flash loop for quite sometime, and I have been given a photo/slideshow project.
See attached rough layout:

<a href="http://s152.photobucket.com/albums/s180/ziggy3984/?action=view&current=flashlayout.gif" target="_blank"><img src="http://i152.photobucket.com/albums/s180/ziggy3984/flashlayout.gif" border="0" alt="Photobucket"></a>

The Gallery will begin with a basic mc (green area) transitioning between two images. blah, blah.
The blue "folders" below will be mc's created dynamically (that's a whole other issue), that when clicked will then replace the green area.

My question is (other than wtf was i thinking taking on this project) how does would one replace the mc in the green area with a dynamically loaded set of images?

What I am shooting for is basically a "dvd scene selection" type setup.

View Replies !    View Related
[MX04] XML Gallery - Add Slideshow Function?
Thanks for your help in advance!

I have attached a flash gallery that allows the user to view images/captions by selecting a thumbnail or clicking a next button.

I would like to add a slideshow feature so it would automatically advance to the next image/caption after a set period of time.

Can anyone offer advice on how to script this?

Thank you!

PS, the XML is straight forward:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>pics/1.jpg</image>
<thumbnail>pics/1_th.jpg</thumbnail>
<title>PICTURE TITLE</title>
<caption>Here is the caption.</caption>
<url></url>
</pic>
</images>

View Replies !    View Related
Photo Gallery/Slideshow Components
I am looking to make a photo gallery and want my images to be pulled from a folder on my webserver. Does anyone know how to do this either by a movie clip and script or by some type of components plug-in that works well.

I am using Flash Pro 8 and really want to put together and nice well working photogallery with multiple images but don't want to embed them into the flash file for file size reasons.

Any help or general information would be a huge help. Thanks.

Luke

View Replies !    View Related
Photo Gallery/Slideshow Components
I am looking to make a photo gallery and want my images to be pulled from a folder on my webserver. Does anyone know how to do this either by a movie clip and script or by some type of components plug-in that works well.

I am using Flash Pro 8 and really want to put together and nice well working photogallery with multiple images but don't want to embed them into the flash file for file size reasons.

Any help or general information would be a huge help. Thanks.

Luke

View Replies !    View Related
XML Slideshow Gallery - Clicking The Images
Been following the tut on the XML slideshow gallery. Now trying to make the images clickable so you jump to a new URL.

just can't get it to work.
been assigning URL attributes to a new node but can't work out how to call it to make it clickable.

any ideas?

thanks.

View Replies !    View Related
Slideshow With A Masked Photo Gallery
I was looking at the slideshow at this link:

http://www.flashkit.com/movies/Effec...8638/index.php

How would you make it a slideshow using the setInterval() function while still using the masking?

View Replies !    View Related
Slideshow Funktion In Scottys Gallery - How?
Hi

I am trying to fintune my webpage www.apneaimages.com under PHOTOGRAPHY and i like to have 2 funktions

1. Slideshow button. I like that the slideshow continoue from the actual picture and not start from the beggining. them I like to have a endless loop

2. To show the pictures I use nummeric buttons and a prev & next button.
Now, when I push the nummeric buttons they change colors and saty blue, so that the viewer know wich Picture he have see.
But this funktion is not working when I use the Next & Prev buttons.
Is there any chance to fix this?

Her some code:

Prev & next Button

Code:
stop();
gallery_xml.load("apnea.xml");
prevb.onRelease = function() {
if (cur == 0) {
containerMC.loadPic(pArray.length-1);
} else {
containerMC.loadPic(cur-1);
}
};
nextb.onRelease = function() {
clearInterval(interval);
if (cur == pArray.length-1) {
containerMC.loadPic(0);
} else {
containerMC.loadPic(cur+1);

}
};
Nummeric Button (button number 01)


Code:

on (rollOver) {
this.gotoAndStop("over");
}
on (rollOut) {
this.gotoAndStop("up");
}
on (release) {
this.gotoAndStop("down");
_root.containerMC.loadPic(1);
}
Thanks Lambis

View Replies !    View Related
XML Gallery And Slideshow Next/previous Buttons Help
First off let me say that this forum is a lifesaver. I managed to figure out the links in xml file myself, but I cant seem to get the next/previous buttons working the way I want them to.

I have got them to work to the point where they will bring up the next image, this is until it gets to the end of the xml node, then it wont start over from the beginning if I hit next.

Can someone help me -

Here is my code:


Code:
//-----------------------
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
url = [];
delay = [];
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;
url[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
delay[i] = xmlNode.childNodes[i].childNodes[3].firstChild.nodeValue;



}


firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.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() {
clearInterval(myInterval);
prevImage();
};
next_btn.onRelease = function() {
clearInterval(myInterval);
nextImage();

};

play_btn._visible = 0;
p = 0;
pause_btn.onRelease = function() {
clearInterval(myInterval);
pause_btn._visible = 0;
play_btn._visible = 100;
};
play_btn.onRelease = function() {
myInterval = setInterval(pause_slideshow, delay[p]);
pause_btn._visible = 100;
play_btn._visible = 0;
};

/////////////////////////////////////
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 += 5;
}
}
};

function nextImage() {
pause_btn._visible = 100;
play_btn._visible = 0;
previous_btn._visible = 100;
next_btn._visible = 100;
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
url_btn = url[p];
picture_num();
slideshow();
}
}
}
function prevImage() {
pause_btn._visible = 100;
play_btn._visible = 0;
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
url_btn = url[p];
picture_num();
}
}
function firstImage() {
previous_btn._visible = 0;
next_btn._visible = 100;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
url_btn = url[0];
picture_num();
slideshow();


}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}

function slideshow() {
myInterval = setInterval(pause_slideshow, delay[p]);
}

function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}

View Replies !    View Related
Slideshow Gallery Mod. - CSS Problems + Linking
[EDIT]

OK nevermind, I figured it out For the benefit of others who may actually read this thing...:

Problem 1: Can't get the external CSS file to apply/change the XML imported text in the dynamic text field....

Solution: Be careful the order in which you're placing things. Really easy mistake to overlook when staring at 300 lines of code. First load the text in, then load apply the CSS... *doh!* Just make sure your CSS stuff comes after the XML has successfully loaded.

Problem 2: Can't get a dynamic link (in a new window) to work amongst the XML imported text. e.g. "images/duck1.jpg". It just seems to go to some random page...

Solution: I have no idea what's going on with this still.... For some weird reason when Firefox is NOT already open. Running this thing in Flash Player on a computer and clicking on the link makes it open up Firefox and load an empty page along with a tabbed page to some "911 timeline" random website. But if Firefox is already open it works fine... Must just be some browser bug or something.... Since people viewing this thing would already have a browser open to view it I won't worry about this.....

View Replies !    View Related
Slideshow Gallery Which Shows Flv And Jpgs Together
I am trying to get a slideshow gallery (left right arrows) to play a combination of jpgs and flv files, based on php $results. ( i could write to a temporary xml file for this purpose)

I would really appreciate some help getting the slideshow to play both flvs and jpgs...

View Replies !    View Related
Dynamic Slideshow / Gallery (PHP + Flash)
I sort of found what I was looking for but have not been able to get it to work in the least.

Here is the link: http://www.kirupa.com/forum/showthread.php?t=57082

What I have is a folder which a php script searches an email box for jpgs and then downloads them into the directory. I want the flash app to display them. Does this make sense?

Thanks for your time and you help with this.

View Replies !    View Related
XML Photo Gallery Tuturial Mod... Slideshow
hi, how can i add a button to this gallery which would start a slideshow?

View Replies !    View Related
HELP Photo Gallery And Automated Slideshow?
IS there a tutorial on how to create both a photo gallery where there are "next" and previous buttons to manually shift through the photos, but at the same time have a play button to run a slideshow?

thanks

View Replies !    View Related
How Do I Build A Photo Gallery/slideshow Like This?
I have seen a lot of photo galleries/ portfolios/ slideshows in this flash format and I cannot for the life of me find out where it came from or how to do it. An example of this can be seen at churchmedia.cc , then go to "Our Work" then click on "view portfolio". I would put a direct link here but unfortunately I do not have enough posts under my belt to do so. Any help/suggestions would be appreciated!

View Replies !    View Related
Image Slideshow/gallery By AddChild Problem :(
Hey everyone,

i could use some help on this project i need to make a photo gallery using the addChild method that is pulling from an XML feed. the problem is that all the images are random sizes and mixed between landscape and portrait. after one loads if the second image thatis click has a smaller width or height the previews image is still there and you can see it.

is there a way to remove an image when another image is brought to the stage?

would i do an if/else statement or a transition or something else??



ActionScript Code:
var image:Loader;
var xml:XML;
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();

xmlLoader.load(new URLRequest("xml/images.xml"));

xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
function xmlLoaded(event:Event):void
    {
        xml = XML(event.target.data);
        xmlList = xml.children();
        for(var i:int = 0; i < xmlList.length(); i++)
        {
            image = new Loader();
            image.load(new URLRequest(xmlList[i].attribute("thumb")));
            image.x = i * 125 + 25;
            image.y = 550;
            image.name = xmlList[i].attribute("main");
            addChild(image);
            image.addEventListener(MouseEvent.CLICK, mainPic);
        }
    }

function mainPic(event:MouseEvent):void
    {
        image = new Loader();
        image.load(new URLRequest(event.target.name));
        image.x = 150;
        image.y = 45;
        addChild(image);
    }

View Replies !    View Related
How Do I Load .swf's Into A Movie Like Gallery/slideshow Thing
Hi! if anyone can help it would be greatly appreciated!
I was wondering how to get this to work in Flash MX 2004:

1. When the HTML page first loads I want 01.swf to automatically load in an area of the flash movie
2. Then when user clicks a Forward Button I want it to load 02.swf
3. Then if user clicks the Forward Button again it will load the next .swf (03.swf, 04.swf, 05.swf, and so on)
4. If user wishes to go back and clicks the Previous Button it will go back one .swf
5. Also in load area if no button is clicked, I want it to automatically load the next .swf after 40 seconds and to cycle through changing to the next .swf every 40 seconds.

Any help/advice would be extremely appreciated!
Thanks!

View Replies !    View Related
Image Gallery - Resize The Images, Not The Slideshow
I'm working on an xml driven flash website where clients can modify an xml file directly to change the appearance of the site (eventually i'll make a flash/php dashboard GUI). The site will have listings each with a photo.
I'm trying to find a way around having the clients have to crop images to thumbnail and enlarged view size themselves. In other words the images would be displayed scaled to fit within a movie clip. Does anyone know if this is even possible? It seems that an image is an image at its pixel dimensions and there's no real way around that...

I guess my target demographic is pretty tech savvy (relatively) and could probably crop images with a basic image editor... it would be nice to find them some kind of batch processor or something. Although at the most clients will probably only add five or ten listings a month or so. if anyone has any insight into this dilemma that would be appreciated!

View Replies !    View Related
Image Gallery Photo Slideshow Combo Help
Hi and thanks in advance to anyone who can help a guy out.

I have been trying to combine the "Photo Slideshow Using XML and Flash" with my little gallery so it will just play as a slideshow using the xml file attached. I can't get it to work. I have tried what I know (which wasn't as much as I thought). Can someone have a look and maybe slap me upside the head?

Thanks so much,

Cheers,

Plonker

file:

View Replies !    View Related
XML Gallery With Thumbs And Slideshow: Buttons Won't Work
Hi everyone..
Im having seriously problems with my gallery
right now nothing works!
The code is base on the toturial on Kirupa.com
I managed to add the slideshow, so it worked.. for awhile atleast. But right now, I don't know what I've done, now my next_btn och previous_btn don't work. The wierd thing is that i can change pic with the LEFT RIGHT KEY on the keyboard.. and they are using the same code. So it can't be something wrong with my AS, I think..

Tho, i got the buttons to work once more. The thing i did was copying the orginal buttons from the toturial fla, and pasted it into my, then it work again for some time. I don't know what im doing that makes the buttons stop working.
Here is what my code look like right now:

Code:
my_int = 3000;

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("images.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();
disp_size = filesize + " kb";
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);
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 firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
///////picture menu button actions ///////
stop_btn.onRelease = function() {
clearInterval(myInterval);
}
slideshow_btn.onRelease = function() {
myInterval = setInterval(pause_slideshow, delay);
}
popup_btn.onRelease = function() {

}
previous_btn.onRelease = function() {
previousImage();
}
next_btn.onRelease = function() {
nextImage();
}
///////////////////////////////////////////

off_btn.onRelease = function() {
clearInterval(myInterval);

}

on_btn.onRelease = function() {
nextImageSlideshow();

}
function firstImageSlideshow() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
slideshow();
}
}
function nextImageSlideshow() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
slideshow();
}
}
}

function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 20;
tscroller.onEnterFrame = function() {
if ((this._ymouse>=thumbnail_mc._y) && (this._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((this._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((this._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);
}
//////////////////////////////////////////////////////
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);

}
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImageSlideshow();
} else {
nextImageSlideshow();
}
}
Would be soo happy if some one could sort the problem out for me
This is really frustrating..

View Replies !    View Related
About The Xml Photo Gallery Combine With Thumbnail And Slideshow
I try to use the xml photo gallery tutorial
and combine with the slideshow and thumbnail features together. It's fine. But when I click the pervious and next button twice or more in the same time, the images will skip.

So, how can I improve it? It's the problem happen in the previmage and nextimage function?

View Replies !    View Related
How Do I Load .swf's Into A Movie Like Gallery/slideshow Thing
Hi! if anyone can help it would be greatly appreciated!
I was wondering how to get this to work in Flash MX 2004:

1. When the HTML page first loads I want 01.swf to automatically load in an area of the flash movie
2. Then when user clicks a Forward Button I want it to load 02.swf
3. Then if user clicks the Forward Button again it will load the next .swf (03.swf, 04.swf, 05.swf, and so on)
4. If user wishes to go back and clicks the Previous Button it will go back one .swf
5. Also in load area if no button is clicked, I want it to automatically load the next .swf after 40 seconds and to cycle through changing to the next .swf every 40 seconds.

Any help/advice would be extremely appreciated!
Thanks!

View Replies !    View Related
Image Gallery - Resize The Images, Not The Slideshow
I'm working on an xml driven flash website where clients can modify an xml file directly to change the appearance of the site (eventually i'll make a flash/php dashboard GUI). The site will have listings each with a photo.
I'm trying to find a way around having the clients have to crop images to thumbnail and enlarged view size themselves. In other words the images would be displayed scaled to fit within a movie clip. Does anyone know if this is even possible? It seems that an image is an image at its pixel dimensions and there's no real way around that...

I guess my target demographic is pretty tech savvy (relatively) and could probably crop images with a basic image editor... it would be nice to find them some kind of batch processor or something. Although at the most clients will probably only add five or ten listings a month or so. if anyone has any insight into this dilemma that would be appreciated!

View Replies !    View Related
XML Photo Gallery Slideshow To Load ALL Images, Not Just 1 Image.
Hi,
I have an XML photo gallery slideshow. I want it to load ALL the images in the memory, then play the slideshow without having to load each picture after each other.

You can view it at http://www.perfectevolutionstudios.com/proturf

Below is the code. Any help is appreciated.


Code:
delay = 3500;
//-----------------------
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
/////////////////////////////////////
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);
desc_txt.text = description[p];
picture_num();
slideshow();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
picture_num();
slideshow();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}
}

View Replies !    View Related
Loading Swfs From Array For Slideshow/gallery - Help Needed
I'm a kind of an AS noob and would appreciate any help - did a lot of trial and error to fix to no avail (please forgive SO much commented out stuff in my file). Any help greatly appreciated - if you need anything else to give me any info, let me know. THANKS!!!!

It seems to not want to load anything other than the swf in index 1 of the array.

i have 3 swfs (for a calender image movie, will have more once i can get working) that load in on their intro and stop (later I will at a timer to time a sequenced progression). Upon clicking the button it is supposed to go to an play the currently loaded movies 'outro' frame label and pass the 'currentIndex' variable to the main timeline on the last frame of the currently loaded swf which then loads the clicked swf. I was doing it this way to call the swf by a number so i could run a timed sequential move of them where a frame on the timeline calls the next in the sequence.









Attach Code

LOADED SWFs (FINAL FRAME OF OUTRO):
calenderTarget.loadMovie(swfArray[currentIndex], 1);

MAIN MOVIE:


stop();

var swfArray:Array = new Array("pic1.swf", "pic2.swf", "pic3.swf");
this.createEmptyMovieClip("calenderTarget", 1);

calenderTarget.loadMovie(swfArray[0],1);
var currentIndex:Number = 0;


button1.onRelease = function(){
currentIndex = 0;
calenderTarget.gotoAndPlay("outro");

}

button2.onRelease=function(){
currentIndex = 1;
calenderTarget.gotoAndPlay("outro");
}


button3.onRelease = function(){
currentIndex = 2;
calenderTarget.gotoAndPlay("outro");

}

View Replies !    View Related
Multimedia Gallery +improve Code Of Slideshow/video/mp3-player
I've worked on a multimedia gallery that can play jpg, flv and mp3 in one application; attached you'll find the full source code and demo content as well as a description of the code; I'd be happy if some good actionscript people out there would help to improve the code so other people can use it as well. Basically it's for use already however there are some bugs left and i'm actually not a programmer.
the files are here

View Replies !    View Related
Making His SlideShow Gallery Have Pause, Prev, Next, Play Buttons - Without Skipping
Hi,

I went through a list of post discussing different modifications to the slideshow and photo gallery tutorials but i didn't read of anyone trying to combine slideshow and photo gallery functionality. The slideshow is driven by an onEnterFrame and loops through how ever many number of images (nodes in the xml) and then displays them automatically..but the photo gallery script advances (prev or next) based on onRelease events of the key press or click of the buttons.

However, I was trying to combine both and noticed immediately that while in the onEnterFrame ..if pressing the next button a couple of times...the count gets messed up and the slideshow advances really quickly for however many number of times you have clicked (prev or next)...if once..you may not notice...but if twice...(i.e. on 2 and clicking twice to 4..then it jumps to 6..then 8..etc..)..for larger sequences of clicks..you notice..4..8..12..16..

I was wondering what would be a good fix for this..
considering both prevImage() and nextImage() functions determine how p is controlled before calling the slideshow() function?

//nextImage function

Code:

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();
slideshow();
}
}
}
//Slideshow function

Code:
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}
}

View Replies !    View Related
External Jpg Slideshow With Loadbar
I have compiled 2 clips from samples here to
one - having jpeg loaded externaly
to the stage with a load bar showing the progress
so far it runs nice on the mx test-but-
as i upload the files to my server-cant see nothing
of the jpg's
ive att the files-
would app if anyone can give me a tip


ps jpg are not progressive
raanan

View Replies !    View Related
Slideshow Using External Files
Hi, I want THIS movie to be dynamic, meaning: all the logos in one file and the order of appearance in a .txt or .xml file. For example: I've got 7 logos named 1.jpg, 2.jpg, 3.gif, 4.jpg,.... and I want them to appear as following:
1: 2(.jpg)
2: 1(.jpg)
3: 4(.jpg)
4: 5(.jpg)
5: 3(.gif)
....
This order has got to be easy to change.
The extension of the files is .jpg OR .gif.

Is there someone who can give me some hints or examples?

Kind regards,

Jef

View Replies !    View Related
Launch An External Swf From XML Slideshow (AS2)
Thanks for stopping by. Thanks in advance for any support you can lend me to this problem I am trying to resolve.

I am using the tutorial seen here for making a CoverPreloader. The basis of the turorial uses different buttons to open different SWF files into a single emptyMC1 onRelease all coded on the first frame through AS (see code below). I am trying to get a XML slideshow that is loaded into an other emptyMC2 on the main timeline. I have found one i like -example- (see code below). I want to modify the slideshow SWF and XML so that the XML will include a path to an SWF file, so that when the JPEG that is loaded in the slideshow, the JPEG is treated like a button and the associated SWF file from the XML is loaded into the emptyMC1 on the main timeline.

Here is the AS code in first frame of main movie for buttons.

PHP Code:



fscommand("allowscale",false);
stop();
but1.onRelease=function(){
//set a variable that stores the next external movie to be loaded
nextMovie="content1.swf";
//tell the cover mc to play its closing animation
cover.gotoAndPlay("close");
}
but2.onRelease=function(){
nextMovie="content2.swf";
cover.gotoAndPlay("close");
}
but3.onRelease=function(){
nextMovie="content3.swf";
cover.gotoAndPlay("close");
}




Here is the code for the slideshow that is loaded into the emptyMC2 on the main timeline...


PHP Code:



/****************************/
/* Crossfading slide show   */
/* Author: Todd Dominey     */
/* http://whatdoiknow.org   */
/* http://domineydesign.com */
/****************************/

// set random # variables - each must be 0 for first 'while' loop below
var randomNum = 0;
var randomNumLast = 0;

// parent container
var container_mc = this.createEmptyMovieClip("container",0);
// movie clip containers
container_mc.createEmptyMovieClip("loader1_mc",2);
container_mc.createEmptyMovieClip("loader2_mc",1);

// preload watcher
this.createEmptyMovieClip("watcher_mc",100);

// load xml
images_xml = new XML();
images_xml.ignoreWhite=true;
images_xml.onLoad = parse;
images_xml.load("news.xml");

function parse(success) {
    if (success) {
        imageArray = new Array();
        var root = this.firstChild;
        _global.numPause = Number(this.firstChild.attributes.timer * 1000);
        _global.order = this.firstChild.attributes.order;
        _global.looping = this.firstChild.attributes.looping;
        _global.fadetime = Number(this.firstChild.attributes.fadetime);
        _global.xpos = Number(this.firstChild.attributes.xpos);
        _global.ypos = Number(this.firstChild.attributes.ypos);
        var imageNode = root.lastChild;
        var s=0;
        while (imageNode.nodeName != null) {
            imageData = new Object;
            imageData.path = imageNode.attributes.path;
            imageArray[s]=imageData;
            imageNode = imageNode.previousSibling;
            s++;
        }
        // place parent container
        container_mc._x = _global.xpos;
        container_mc._y = _global.ypos;
        // parse array
        imageArray.reverse();
        imageGen(imageArray);
    } else {
        trace('problem');
    }
}

// depth swapping
function swapPlace(clip,num) {
    eval(clip).swapDepths(eval("container_mc.loader"+num+"_mc"));
}

function loadImages(data,num) {
    if (i==undefined || i == 2) {
        i=2;
        createLoader(i,data,num);
        i=1;
    } else if (i==1) {
        createLoader(i,data,num);
        i=2;
    }
}
function createLoader(i,data,num) {
    thisLoader=eval("container_mc.loader"+i+"_mc");
    thisLoader._alpha=0;
    thisLoader.loadMovie(data[num].path);
    watcher_mc.onEnterFrame=function () {
        var picLoaded = thisLoader.getBytesLoaded();
        var picBytes = thisLoader.getBytesTotal();
        if (isNaN(picBytes) || picBytes < 4) {
            return;
        }
        if (picLoaded / picBytes >= 1) {
            swapPlace("container_mc.loader2_mc",1);
            alphaTween = new mx.transitions.Tween(thisLoader, "_alpha", mx.transitions.easing.Regular.easeOut,0,100,_global.fadetime,true);
            timerInterval = setInterval(imageGen,_global.numPause,data);
            delete this.onEnterFrame;
        }
    }
}
function imageGen(data) {
    // random, or sequential?
    if (_global.order=="random") {
        // choose random # between 0 and total number of images
        while (randomNum == randomNumLast) {
            randomNum = Math.floor(Math.random() * data.length);
            trace(randomNum);
        }
        loadImages(data,randomNum);
        randomNumLast = randomNum;
    } else if (_global.order=="sequential") {
        // start at 0, increment to total number of images, then drop back to zero when done
        if (p==undefined || p==data.length && _global.looping=="yes") { p=0; } else { break; }
        loadImages(data,p);
        p++;
    } else {
        trace ("order attribute in xml isn't correct - must specify either 'random' or 'sequential'");
    }
    clearInterval(timerInterval);
}
stop();




Here is the sample of the modified XML.

PHP Code:



<!--  
'timer' :: number of seconds between each image transition
'order' :: how you want your images displayed. choose either 'sequential' or 'random'
'looping' :: if the slide show is in sequential mode, this stops the show at the last image (use 'yes' for looping, 'no' for not)
'fadeTime' :: velocity of image crossfade. Increment for faster fades, decrement for slower. Approximately equal to seconds.
'xpos' :: _x position of all loaded clips (0 is default)
'ypos' :: _y position of all loaded clips (0 is default)
-->
<gallery timer="5" order="random" fadetime="2" looping="yes" xpos="0" ypos="0">
<image path="news/image01.jpg" swf="news/content01.swf">
<image path="news/image02.jpg" swf="news/content02.swf">
<image path="news/image03.jpg" swf="news/content03.swf">
<image path="news/image04.jpg" swf="news/content04.swf">
</gallery>




OK I think I have given all the info that I can and have been as clear as I can. If I have forgot to mention something please let me know, and thanks again!

Ken

View Replies !    View Related
Slideshow With External Photos
I require help and like to know if this effect with flash can be achieved:

1) Load an embedded flash file of a map with links.

2) Click on a link takes you to the web site.

3) When you mouseover the link it triggers another embedded slideshow file.

4) As you are viewing the current image the following image in the slideshow is downloading.

5) When the next image is downloaded it fades in.

6) The images are external based in an xml file, to create one common flash slideshow file, several xml slideshow galleries.

7) The first image in each slideshow gallery is preloaded, to allow the slideshow to start instantly.

I have 1, 2, and 3 completed. Right now 3 is setup as individual flash files for the slideslide with the images built into a flash file and are not external.

With 53 plus links in the map the current way the flash slideshows equal a total of nearly 1.5 megs. Need to increase the download time.

Please help!

View Replies !    View Related
Copyright © 2005-08 www.BigResource.com, All rights reserved