Free FlashDen file of the month. Click here to download.
Search  

INFINITE 3D IMAGE AND MEDIA CAROUSEL

HomeBrowse CategoriesImage Viewers & Galleries3D & CarouselInfinite 3D Image and Media Carousel

Infinite 3D Image & Media Carousel

This is a 3D carousel for images, swfs, and videos. It comes in 3 versions: The full sources, a compiled component, and a standalone page (with all HTML and Javascript included).

Features:
  • Images, videos, or swf’s in the full and/or thumb view.

  • Infinite amount of items, they swap out at the back of the carousel, so you could have 100 items and it would still space the same and just keep rotating through them.

  • XML driven list of items for the gallery.

  • Uses the FLVPlayback component for video, meaning standard skins can be used. Each individual video allows you to select a skin, the skin background color, the skin background alpha, and whether the skin autohides when the mouse is not over it.

  • All text has CSS styling that can be applied from an external file.

  • Descriptions are optional, and if not included then the full view will be bigger!

  • Compiled component with parameters panel full of options. VIEW THE PARAMETERS HERE !

  • All options that can be set in the parameters panel can also be set in an optional xml file (especially useful for those without flash using the standalone version).

  • The standalone version also has 2 FlashVars that will set up the width and height for the full size viewing, which otherwise would have been determined by sizing on the stage in Flash, so even non-flash users have control!

  • I invented the 3D engine being used, so I’m allowed to distribute it :) So there’s no extra code packages you have to find and install, it’s all included. You can learn about the 3D engine used here.

  • The component has a live preview of the 3D carousel on the Flash stage, allowing you to simply set it up on stage in your project (the nav array of arrows and text also shows for layout puroses). SEE THE LIVE PREVIEW HERE !

  • Most visual elements are right in movie clips in a folder in the library, so even though it’s a component a Flash user could edit many of the visuals.

  • The external CSS and the settings xml file (not the gallery xml file!) are both optional. If you don’t want to use them, it will recognize they aren’t there and use default settings (or setting from the parameters panel). The settings xml file can override the parameters panel, for those that would rather have it external.

  • Can go over any background

If you have questions, first click this link to go to the help area and check whether or not it has already been answered.

If that does not help, please email me directly that way instead of answering questions on this thread, and making people sift through our correspondence to find answers, once I’ve solved your problem I can simply add it to the help section for people to view!

Website Templates:

Image and Mixed Media Galleries:

MP3 Players:

Updating and Upkeep Tools:

Website Parts and Components:

Menus and Preloaders:

keywords: flash, 3D, carousel, papervision3d, papervision, away3d, away, component, compiled, parameters, actionscript, action script, as3, actionscript 3.0, animation, simple, clean, reflection, images, image, photo, video, h.264, h264, flv, swf, swfs, swf’s, jpg, jpeg, png, vector, interactive, rotator, gallery, viewer, editable, easy, css, style, stylesheet, xml, html, tags, description, title, external, web 2.0

******** UPDATES ********

April 25, 2009

Download file has been updated, new features are:

1) ability to set thumb images to go to a url when clicked instead of just opening a shadowbox (set in the xml optional for each item, also the target window can be chosen)

2) addition of a parameter to control the opacity of the backgrounds to the images (added as a component parameter, and in the settings XML )

3) eased scrolling on body text.

If you have already purchased, redownload, if you have not already purchased, do so now. No, really, buy it.

******** UPDATES ********

Posted 7 months ago

ITEM DISCUSSION

Show Comments By

Hi, I’d like to move index.html one level up in the root.

All other files are in a folder named “gallery” so I’m referencing the paths like “gallery/Scripts/flash.js” in the index.html file.

Also in flash.js I’ve set: ‘src’, ‘gallery/Main.swf’, ‘movie’, ‘gallery/Main’,

But the only thing displaying is the main preloader… nothing else. Thanks for your help!

Posted about 1 month ago

That’s because it needs a path to the XML file and assets that it loads, and those haven’t gotten changed. Move the xml file up to where the html is and change the paths in it so that they are correctly pointing to the assets again :)

Posted about 1 month ago

Thanks a lot for your quick reply!

I’ve finally decided to use an iFrame as I can leave all gallery files in a separate folder.

By the way very nice tool :)

Posted about 1 month ago

Sorry…. it’s me again. I need to change the preloader color. Is it possible?

Posted about 1 month ago

HI MAN HOW ARE YOU I RECENTLY PURCHASE THIS BUT I HAVE A PROBLEM I NEED THIS COMPONENT BUILD ON AS2 BECAUSE I AM DOING MY SITE IN THAT VERSION IT `S THERE A CHANCE YOU HAVE THIS IN AS2 , THE PROBLEM I `T THAT I HAVE TO MIGRATE ALL THE STUFF I HAVE TO AS3 AND I NOT FAMILIAR WITH THAT .

ANY HELP WILL BE VERY APPRECIATE IT

TNX

OSCAR

Posted about 1 month ago

HI MAN HOW ARE YOU I RECENTLY PURCHASE THIS BUT I HAVE A PROBLEM I NEED THIS COMPONENT BUILD ON AS2 BECAUSE I AM DOING MY SITE IN THAT VERSION IT `S THERE A CHANCE YOU HAVE THIS IN AS2 , THE PROBLEM I `T THAT I HAVE TO MIGRATE ALL THE STUFF I HAVE TO AS3 AND I NOT FAMILIAR WITH THAT .

ANY HELP WILL BE VERY APPRECIATE IT

TNX

OSCAR

Posted about 1 month ago

sklew, modify the 3dgallery rotator color via a change to file local.data.Data.as and search for rotatorColor.

i tested a quick change to 0xFF0000 and it shows up as Red.

so the gallery uses Data.as as a color override to the default ‘fill’ in the constructor in Rotator.as.

Posted about 1 month ago

Thanks drewpierce! I’ve done that but now I don’t know how to get the new Standalone Version.

Posted about 1 month ago

contact me via ria2000 dot com on the contact page. i can give you a quick phone call and discuss what you are doing as it appears it may clutter up this page and be of no value to anyone else !

i won’t charge you anything.

-d

Posted about 1 month ago

Hi,

I’ve been using your component in my site with great success. I now want to have multiple galleries. I’ve changed the source code to load each “gallery.xml” from a “global” variable so I can change the file each gallery loads dynamically. Each gallery is embedded on a different frame and i’m just changing frame to play each one.

The first gallery loads fine. When I click a button to move to the next frame where my next gallery is (with a different xml file to load) it loads ok but each picture/video sits there with the loading animation and no left/right arrows appear.

Is there something simple i’m missing here?

Thanks

Posted about 1 month ago

@sklew

drewpierce hit it head on, you can change that variable to globally change the color of the preloader rotator ;) New versions of files can always be downloaded via your “Downloads” page.

@ drewpierce

Thanks for filling in while I was gone :)

@ oscaraxl

Sorry, this is marked as a AS3 flash CS3 + project. There is no AS2 version. You can always check the AS versions of files before buying using the column to the right of the description.

@ glennt

The gallery wan’t meant to use multiple times in the same file. It utilizes static variables that will conflict. The easy way around that is to load each instance you want using a Loader. That way each one’s script won’t conflict with the others :)

Posted about 1 month ago

Thanks for your prompt reply MBMedia.

Can you advise as to the correct way to load each gallery. I’ve place the gallery in “gallery.swf” which gets the xml file from :- var myGalleryFile=MovieClip(parent.parent.parent).myGalleryFile;

In the main movie I have:- import flash.events.Event import flash.events.MouseEvent;

var myGalleryFile=”gallery1.xml”; var loadit = new Loader(); gallery.addChild(loadit); loadit.load(new URLRequest(“gallery.swf”;));

changeToGallery1.addEventListener(MouseEvent.CLICK, changeToGallery1Click); function changeToGallery1Click(event:MouseEvent):void { myGalleryFile=”gallery1.xml”; loadit.load(new URLRequest(“gallery.swf”;)); } changeToGallery2.addEventListener(MouseEvent.CLICK, changeToGallery2Click); function changeToGallery2Click(event:MouseEvent):void { myGalleryFile=”gallery2.xml”; loadit.load(new URLRequest(“gallery.swf”;)); }

The initial gallery loads into movie clip “gallery” perfectly. When I click one of my buttons to change gallery it loads but each image/video/sqf shows a loading anim. The correct gallery xml is being loaded because the count is correct.

Posted about 1 month ago

I’ve tried it in it’s simplest form and they still conflict:-

var loadit1 = new Loader(); gallery1.addChild(loadit1); loadit1.load(new URLRequest(“gallery.swf”;));

var loadit2 = new Loader(); gallery2.addChild(loadit2); loadit2.load(new URLRequest(“gallery.swf”;));

The second gallery stops the first. Also reloading gives the problem of items constantly showing loading.

There has to be a way around this.

Posted about 1 month ago

you can create 2 swf’s (it looks above as if you are using one swf with 2 galleries). so with 2 swf’s you could hide the other and re-position the now focused swf with its gallery such that it looks smooth.

i often have a few swfs loaded at once and hide and re-position them based on events firing off.

but to have one swf and two or more galleries is going to be a problem imo due to the statics and the shared symbols of ExitButton, ArrowButton, and colorArea.

Posted about 1 month ago

I’d be happy with one gallery that I can change the XML file and reload but that does not work, or at least I can’t get it to work hence why I asked the question as to what is the correct way to load the gallery in an external SWF . When this gallery is reloaded all elements sit there with a loading animation. i.e.:-

var loadit = new Loader(); gallery.addChild(loadit); loadit.load(new URLRequest(“gallery.swf”);

Works great. Now just reload the gallery:- loadit.load(new URLRequest(“gallery.swf”);

Elements sit there loading. Is this the wrong way to do it? if so how do I reload the gallery to make it work?

Posted about 1 month ago

Let me just clarify that i’m using this component in a purely flash based site and not an HTML one.

@drewpierce – I tried loading the 2 galleries (whether the same or not doesn’t matter) because of MBMedia’s comment of “The easy way around that is to load each instance you want using a Loader. That way each one’s script won’t conflict with the others”. That’s what I did and obviously this isn’t the case. Thanks for your help anyway.

I’m sure it’s something very simple and stupid i’m doing wrong here as i’m not too good at AS3 . If I can load the gallery once then i’m sure I can load it again but perhaps I have to flush variables or something????

Posted about 1 month ago

now i understand. sorry, i thought you wanted multiple ones going at once.

i will add a function or two that you can call to re-juice the carousel with a different xml file.

Posted about 1 month ago

Not sure if this one has been resolved yet (thanks drewpierce for keeping tabs while I was gone :)) But if you load swf’s into another swf and specify a new ApplicationDomain then they will have much less chance of conflicting.

var appDomain:ApplicationDomain = new ApplicationDomain();  
var context:LoaderContext = new LoaderContext(false, appDomain);  
var loader:Loader = new Loader();  
loader.load(new URLRequest("my_file.swf"), context);
addChild(loader);

This is general flash info that you should be able to use with any project if you run into this with any other FD item :)

Posted about 1 month ago

Thanks MBMedia, this is just down to my inexperience with CS3 and loaders. This now works perfectly.

I can now reload my gallery, load any other gallery and even run several at the same time in the same space. I’m sure there will be many people who will find this usefull to them. Like you said this will help in other code I buy from here also.

Thanks also drewpierce for also trying to resolve this for me.

Posted about 1 month ago

just one swf (nothing loaded as in other swfs) and i can finally achieve multiple galleries. if anyone (who bought it :>) wants it they are welcome.

a few changes to re-use ArrowButton’s static index, and the LoadManager that use to forbid multiple Inits, etc.

example:

http://ria2000.com/glennt/ria2000.html

-d

Posted about 1 month ago

i just buy the product but when I try to open the file with Adobe CS4 to personalize.

nothing happens ??

Posted about 1 month ago

i have it working on 3 diff machines with cs4.

i open it and do a save right away, it asks me to convert to cs4.

thereafter it is cs4.

Posted about 1 month ago

I would like the arrows set at 500 and the title text widened to fill the area between the arrows.

How do I do that?

I tried editing the source files but my skills at flash are somewhat limited. I think I need to compile (somehow) a new swc – ? When I edited that text field in the source files it does not publish the edit.

Should be simple – I hope.

thanks

Posted about 1 month ago

Great Component. Thanks

Posted 24 days ago

First Id like to say great job on this gallery! It says the published size is 96k? Is there a reason why its so high? Since its XML i thought that it downloaded the files dynamically. Also is there any way to start the gallery from the beginning once it reaches the last thumb?

Posted 17 days ago