Professional :: Convert A JQuery Lightbox Style Gallery Into A Flash XML Based Image Gallery With Categories?
Oct 26, 2010
I've made a gallery slideshow before but wasn't as intuitive looking back at it now and I want to start fresh on this new project. I would like to convert a jQuery lightbox style gallery into a flash XML based AS3 image gallery with categories. I don't want to code the FLA, I want separate AS files.
This is a school project for my website. I would use jQuery and I have more experience with it but this project needs a flash component. I'm just not sure where to start and looking for some advice on how and where I could find resources. I want it to be minimal as I can make it;
- 8 thumbnails to a "page/section" with more flowed into page 2 or 3 etc. (or a srcoller)
- a few buttons for categories
- images fading in full size with a description when hovered over and a close button
- preloader (simple bar)
Esentially something like this > http:[url].........works which is using http:[url].... for the thumbnails. That might be ambitious but I'd suffice with a simple fade effect.I've downloaded some galleries out there but most of the code is messy or outdated.http:[url]... this is alright, but all the code is done in the FLA. I might break it into AS files but it depends.
View 1 Replies
Similar Posts:
Mar 14, 2011
I am trying but I want to create Flash & XML Photo Gallery with Different Categories.
View 1 Replies
May 2, 2010
For a CDROM i'm working on, i'm looking for a method to display images with a lightbox effect. What is the best way to do it with AS3? Is there an AS3 lightbox script available?
View 1 Replies
Sep 7, 2010
I Managed to insert a photo gallery using lightbox...however, would like to make some changes:
1. Fixed previous and next buttons, been playing around with the code, with no successful result.
2. I have a group of photos, and if I want to enlarge the one I click, I cannot. Whatever photo I click, always the first one of the group appears.
This is the code I have in my html file:
HTML Code:
<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
[Code].....
View 1 Replies
Jul 12, 2011
I'm doing photo gallery and like to enlarge an image when I click on it with some animation like it's in flash (the picture slowly expands first by x-axis and after by y-axis and the space around the picture dims), that it scales to it's largest possible size to fit in screen, but it can be any other animation. I found some topics about this, but I don't want to use any 3rd-party plugin (including flash, drupal...) to do it. Maybe it can be somehow done by jQuery...
View 1 Replies
Jul 19, 2005
What I want to do is to make a gallery based on the tutorial gallery here (thumbs), but I want the user to be able to choose different galleries from within the movie. I figured that I could make a loop to cycle through the galleries, then nest another loop inside it to cycle through the pics, captions and thumbs. While I wrote, I constantly tested the output with trace commands, but when I tried nesting the loop I lost all output.. I'm pretty new to both Flash and Actionscript, so if theres an obvious solution I havent been able to see it.. This is my temp XML file:
[Code]...
View 2 Replies
Feb 6, 2009
want to load a lightbox gallery from within a flash .swf i no its possible because iv seen it done many times, and iv tried every tutorial on the net, most of which say the same thing, which I have done and it still doesnt work.So far I have created a javascript delegate which turns the flash command getURL into an anchor tag containing a rel="" attribute. Here is my javascript:
Code:
<script type="text/javascript">
function LightboxDelegate(url,caption) {
var objLink = document.createElement('a');
[code]...
I have then used a flash button to call the javascript function, in theory this should load my lightbox, however all that happens is the flash swf disappears and no lightbox overlay or image appears. I no that fksh objects do disappear when lightbox loads, however mine doesnt load. My ActionScipt on the flash button is as so:
Actionscript Code:
on (release) {getURL("javascript:LightboxDelegate('1.jpg','caption1')", "_self")}
View 1 Replies
Jun 2, 2010
I want to load a lightbox gallery from within a flash .swf i no its possible because iv seen it done many times, and iv tried every tutorial on the net, most of which say the same thing, which I have done and it still doesnt work. So far I have created a javascript delegate which turns the flash command getURL into an anchor tag containing a rel="" attribute. Here is my javascript:
[Code]...
View 1 Replies
Apr 12, 2011
I need to make an image gallery that uses a carousel style animation...minus the 3D part.Basically, we'll have an array of images loaded from an XML file...could be any number of images.The stage will have 5 images lined up edge to edge. Each image will be 300x200, but masked to only show the middle 100x200 pixels. The image in the middle (the third one) will be fully visible, with the mask showing all 300x200 pixels of the image.When the user clicks on the next or previous buttons, the entire row of images will slide over and the new middle one will animate open to show the full image.
Screen shot of basic idea: Loading the XML and images and such is no problem...adding them to the stage and setting a mask for each, no problem.It's the actual functionality of getting the whole group to slide at once and the next image mask in line to animate into the center position while the current center position mask animates back down to normal.
View 9 Replies
Mar 19, 2006
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) {[code].............
View 1 Replies
Apr 2, 2009
I am trying to build an xml photo gallery in flash that will use lightbox for viewing large images. I have successfully built the thumbnail portion.My goal is to insert the swf into an HTML page and launch lightbox from the swf. Here is the code: First I use a Thumbnails class which imports the tweener class
Code:
package {
import flash.display.Sprite;
import fl.containers.UILoader;[code]....
how do I get lightbox to work when I click on the thumbnails? I found this thing called lightboxinjector that seems like it would work, but I am not advanced enough to understand the directions it gives for dynamic use. Or is there a lightbox clone that will work for this?
View 1 Replies
Jan 8, 2009
I need to create an image gallery, based on an XML file, which displays both the thumbnails and the normal-sized images. Here's a link for you to get an idea of pretty much what I want to achieve, except for the fact that I don't want the thumbnails to slide to the left or right, I'd rather want them to be static, and if there are more thumbnails than, let's say 3, to display a "previous-next" controller. After following some tutorials, here's what I created so far:(you can also find all these files + the thumbnails in the attachment)The XML file (settings.xml):
PHP Code:
<slideshow>
<images>
<thumb tLink="th/01.jpg" desc="This is the first thumbnail" bLink="bigImgs/01b.jpg" />
<thumb tLink="th/02.jpg" desc="This is the second thumbnail" bLink="bigImgs/02b.jpg" />
[code]....
So far, so good, the script does trace what I told it to But I need to further improve this rather simple script. So, basically here's what I need:How do I load each thumbnail into a "container" movieclip, so I can further manipulate this movieclip's properties (do an easing for position, alpha, filters etc.)? There's one more thing I need to specify: I want to display only, let's say, 3 thumbnails at runtime, not all of them. how could I assign an instance name to each of them.
View 3 Replies
Mar 16, 2009
i found a very nice tutorial about making an xml based gallery from oman3D which i use it as a base and change some codes abit for my own gallery project... but those modification comes with bugs that i can't figure out that makes me feel like stop learning this and kill myself T_T. among few things, i tried to add auto resize, auto center and a crossfade transition for the images but it has awesome bugs that i cant figure out why it happens..
most annoying bugs i got is that when i tried to center an image, which i did by substracting the default width and height of the gallery with the loaded image's width and height then divide it by 2 and adding the default position of the gallery so it should practically comes out with x and y that puts the image on the center of the allocated gallery space
well, it works but apparantly the image's height and width are rubbish, because sometimes the number is accurate and other times it may changes... i wonder is it accurate to get image's width and height property if that image is loaded with loadClip and the props are checked during onLoadInit
second bugs is that i tried to create a crossfade transition... or to the least a fade in-out transition, for the latter i manage to make it work by using tween script which starts fade out the old image and start the fade in of the new image using the onMotionComplete function
but after modifying other scripts it stops working for reasons i can't figure out.. also the tween script i added for reasons unknown will reset the position of the loaded images to 0,0 and i dont really have any idea on how to crossfade this ( the only thing i can think of is that i would duplicate the old image's mc then fade it above the new but it doesnt seem to work)
as for the auto-resize function i made, it did works perfectly until i figure out the original mc's size cannot be reverted back, so if i load a very large image, then unless the next image is as large or larger than the previous one, it becomes tiny... even after i tried to reset the mc's prop before every new images loaded..
View 1 Replies
May 25, 2007
[URL]
Basically i want to have Album categories the same way the thumbnails work so their is a mask limiting 4 categories on screen and when you click < or > arrows next to the categories it shows the next 4 categories that you would be able to choose from.
Then I would want it to load whatever category you selected into the thumbnails and the larger pic.
Does anyone know how to do this ? Or if their is another tutorial that would show me how to add categories into something like a gallery with thumbnails?
Apologies for being stupid and the poor grammar I've been searching everywhere to find out how i can add in some categories and still have it linked to the thumbnail scroller and larger images, but i haven't found any luck at all I just want it so you could add in as many thumbs and categories as you wanted and have those masked and scrollable rather then a dropdown.
I paid for some silly pdfs to explain it better to me but they did it in a way that I didn't like and turned out just to be a waste of money. Learnt my lesson and signed up here to ask the pros! I want to create something that can be updated from just an xml file.
View 4 Replies
Jul 29, 2011
The question is simple. I dont know about the answer.Is it possible to use a jQuery gallery in a flash 8 document made with ActionScript2, and how?
View 1 Replies
Mar 20, 2005
i wrote a bit of actionscript to dynamically create an image gallery based on how many images are in a given directory. as of now, i've got it to display thumbnails in rows. my next step would be to get these thumbnails to link to the fullsize images, but i cant figure out how to do that. my code is as follows:
[Code]...
View 7 Replies
Sep 1, 2009
Just trying to make a flash photo gallery that displays all the image files in a certain directory with the usual photo gallery functionality.
View 1 Replies
Apr 26, 2010
I have this thumbnail gallery that loads from an a simple XML. When a tumbnail is clicked its larger image loads into an UiLoader....
What i am trying 2 do is 2 show the larger image using a lightbox when a tumbnail is clicked (removing the ui loader for good). I have a lightbox that works with flash (when testing movie as well).
I have been trying for a couple days now 2 combine all this but it never works
View 3 Replies
Feb 6, 2009
i was looking for gallery looking like this site [URL] i was looking gallery first page title gallery then Big image like this with description.
View 1 Replies
Feb 17, 2008
i am trying to add extra images to the photo gallery attached. I would have thought it is easy and it seems so. I add an extra image to the gallery. I publish it. The html file shows the extra image in the gallery but the swf doesnt. driving me crazy, cant work it out?
View 14 Replies
May 28, 2007
[URL]..The site has used Lightbox kinda flash script.
The background fades and the gallery pops up the whole screen.
And Im sure the gallery is in Flash. Can anyone please explain with tutorial and provide the .fla for the same so we could study the script.
View 13 Replies
Mar 29, 2012
I've been tasked with recreating the Flash portion of this site in html/java/css:[URL]..
I'm fairly new at javascript but I know a good amount of html and css.Trying to figure out where to start. As you can tell from the flash section, this isn't a standard gallery or slider setup. The nav is overlayed on top of the slideshow and has rollover states.[URL]..
But I'm not sure how to overlay the nav controls on top of the content. Plus it wouldn't provide a decent image transition.It seems like this would be possible to recreate in a non-flash environment, I'm just not sure where to start.
View 1 Replies
Apr 12, 2011
And just loved the way it looked, anyone have any idea how to get a similar effect using ideally CSS/JS and if not then using flash? Furthermore it would be excellent if you could move to the next slide by clicking on the image itself.I'm also wondering how she is able to maintain height of the images when resizing (unless she is doing it manually which I doubt now days).
View 1 Replies
Nov 18, 2009
i need to develop an image gallery that displays images based on certain values chosen by the user. Imagine two sliders such as "gadgets" and "cars". The sliders provide values from 1 to 10. The flash movie then generates a gallery based on those provided weights. The user may want more gadgets than cars or all cars or more cars than gadgets etc. Im a tad lost as to where i should start here...XML? MYSQL? should i start swatting up on AS3?
View 13 Replies
Sep 5, 2010
I'm new to flex/flash cs5, but am an experienced coder, and am trying to help a friend get a site built quickly so they can graduate. They would like their image gallery that displays their portfolio to have:thumbnails floating around slowly and bouncing off of one another - mouse hover would freeze and then resume animation after the mouse leaves - when clicked the thumbnail would grow to the full size image and be displayed in the same window as the floating objects Something similar to whats found at: Flash and Picasa gallery with those other features would be perfect, but without the Google RSS aspect of it. Might anyone know where I could be pointed in the right direction for accomplishing this? Or possibly could be given technical names for the effects I'm trying to implement so I can look them up easier? Perhaps even a link to download something with the floating/bouncing element for the thumbnails, then I could figure out the code for the other effects needed.
View 1 Replies
Nov 29, 2011
i'm having a problem with embedding a full screen flash gallery. when clicking a thumbnail executes swfobject.embedSWF which creates the flash-object and the gallery is showing up. when closing the flashgallery, i'm removing the whole flash-objects. then when clicking another thumbnail, swfobject.embedSWF for embedding the object simply doesn't work anymore
View 1 Replies
Sep 16, 2010
I'm working on a script that is about finished but I've reached a snag.I'm creating a gallery page, similar to Thickbox or Lightbox.I have thumbnails off to the left and a UILoader on the right.When you click a thumbnail, the image loads on the left.What I'm working on now is that if you hover over the right side of the image you get a NextBtn and on the left you'd get a PrevBtn.The buttons are created and tween in on MOUSE_OVER like they are supposed to. The problem that I'm having is once you MOUSE_DOWN and the next image loads (also working properly) the Tween that is on the Prev/ NextBtns resets to the OUT position until you mouse outside the rollover than back in.Is there any way to make the Tween stay IN until the mouse moves out?[code]
View 2 Replies
May 12, 2011
I have a dynamic image gallery that pulls the pics into a movie clip and adds them to the container (slider) The issue i am having is that when i click on this i am essentially clicking on all the items collectively and i would like to be able to click on each image seperately...
[Code]....
View 4 Replies
Nov 1, 2010
I'm looking for a tutorial which explains me how to create a simple AS3 image gallery driven by an XML file.
The gallery I need is really simple: an horizontal bar placed on the bottom containing the thumbnails which scrolls left and right according to the mouse pointer clicking on a thumbnail the full image must be shown above the thumbnails' bar buttons for prev and next image clicking on the button which opens the gallery I must be able to pass a variable to make the gallery load the proper xml file (I've got 6 different categories to show)
View 6 Replies
Dec 14, 2010
I have downloaded an image gallery. The Fla file contains only one layer (That is background) nothing except that. The class is exported. When I try to put some Header text on the background layer, it goes behind the images not on TOP of the images. How to resolve the problem? I want my Header text to be on top of the images.
View 2 Replies
