ActionScript 2.0 :: Lightbox Photo Gallery - Enlarging Clicked Image?
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
Similar Posts:
Jan 23, 2011
I have just started using flash. I needed to do this presentation for a client. In one scene I have provided him with a photo-gallery, where some 30 photos are placed randomly ...when playing the movie (published as projector) user will click any photo to watch it. For this I have used swapdepth so that photo, user clicks comes to front. Also applied drag to all these photos.
My code look something like this:
on (press, dragOver) {
startDrag(_root.pic6);
} on (release, rollOut, dragOut) {
stopDrag();
} on (press, release, dragOver, dragOut) {
_root.x +=2;
_root.pic6.swapDepths(_root.x);
}
For doing this first I converted the photo to button ...then converted this button to a movie clip and gave a instance name to this. Then I went into the movie clip and applied the above code to the button placed inside the movie. Applying all this to all photos I placed them randomly on timeline. The problem is : code is working fine, it is dragging photos, bringing them to front etc. But I have user to go back and play another scene to continue the presentation. Problem starts here, the last photo clicked by user remains there, even though it is not present in that scene.
View 9 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
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 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
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
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
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
Jul 24, 2009
How do I do this effect:To make the clickable thumbnail transition like that into a viewable window.
View 1 Replies
Dec 30, 2009
I have a question and would like some help with creating a flash gallery but for showing information rather than pictures. I will try to make this as clear as possible but if its confusing please let me know and I will give more details.Basically I trying to make a vertical timeline on the lefthand side with years (in text) which expand slightly on mousover and when clicked show the relavent information on the righthand side for that year.I can't seem to get the text to expand on mouseover?
View 21 Replies
Mar 6, 2011
I am adding buttons to a rectangle movieclip with actionscript. With every addition I am increasing the height of the rectangle to accommodate the new button. I use recMovieClip.height += 20; This increases the height of the movieclip but it also increases the size of the buttons which are children of the movieclip.
View 2 Replies
Sep 9, 2009
How can i fix the ImageHolder (Movie Clip size) that holds the images loaded into it. At the moment I have sized the photos to the size I want, but if a photo is not that "Specific" size it will overlap my text next to it... How can I fix the size of this movie clip to show the images without it blowing out my design? I have sized all the images to: 230px x145px If they are not this size the design will not work, I need to fix the window to 230px x145px
View 1 Replies
Nov 22, 2006
I have done a photo gallery using the following code. However, I need the first picture to appear as the movieclip is loaded. What shall I introduce to this script? Or what would I have to change?
myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.onLoad = function(success) {
//portfolioTag = this.firstChild;
[Code]....
View 3 Replies
Mar 9, 2009
I used the Photo Gallery using xml and Flash tutorial and created a nice gallery with thumbnails I increased the size to accommodate a 800x533px size picture however when the images are imported they are distorted to a size that looks to be around 900x400px I am using flash 8.
View 1 Replies
Oct 15, 2010
I have a photo gallery on my site that is generated using AS3 and XML. Everything works great but I'd like to have the images that relate to the first thumbnail appear automatically when the movie loads.
Here's my code:
Code: Select all//DEFINE ARRAYS
var thumbnailsArray:Array = new Array();
var productDescriptionArray:Array = new Array();
var magazineArray:Array = new Array();
var mediumArray:Array = new Array();
var largeArray:Array = new Array();
[Code] .....
View 9 Replies
Aug 7, 2005
I learned from great kirupa tutorial and implemented the thumbnail gallery in my site.If I open the site in browser Opera or Firefox (FP 8.0.0.447) i see only 1 thumbnail image - is it bug in Player? In IE 6 I have FP 7.0.19.0 and I can see all thumbnails in the navigation bar - also correct.
View 8 Replies
Aug 23, 2006
I've been working with the xml photo gallery tutorial on this site, and pretty much have it the way I want, except I am having some serious issues with the image sizes and quality, and cannot figure this one out.. The problem is that when the jpg images are loaded in dynamically they look horrible in quality. I searched and searched for an answer to this and couldn't really find anything that I had already tried... The only thing I could really think of was to rebuild my site at a larger scale and publish with 'match movie' instead of 'percent'.
After all that work... I'm having something very crazy going on, but it should help diagnose the problem.. When I rebuilt the site and re-did the images to match the exact pixels, for some reason now they are super big. I've looked at my code and can't see any scaling going on.. I don't know what is happening, so I'm going to supply all available resources:
[Code]...
View 5 Replies
Feb 27, 2009
This script loads the images dynamically using xml so getting the size of the image to use as a start provides to be a problem, since there is no image to begin with.I found script to be able to scale an image with the stage here:But this only works on a image that is already in the flash file, not one that is loaded dynamically like I'm doing with xml.
View 3 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
Jan 10, 2010
im making a web page that must containt photo gallery (noncomercial use). i downloadet allready comleted photo gallery and now i need to update it.evrything works fine, but i need to add rolower image so it will show me before and after images when i rollower on image.
View 2 Replies
Jun 25, 2004
I found this really neat photo gallery on flashkit but there is no support or readme included. Hoping one of you actionscript gurus can sort through the AS and how to size this thing.. the AS code does have comments but I am not a coder. I'd like to make the image window smaller and the overall movie smaller. 325x325 or so.
View 10 Replies
Aug 22, 2006
I modified a version of the xml photo gallery tutorial featured on this website, and am using that. But when my images pop up the quality is horrible. I've gone through and checked everything I know to look at. Then I decided to build my flash site twice as big, and use pictures that were twice as big to get some quality. This didn't work either..
View 4 Replies
Dec 22, 2003
I was trying to use the photo gallery tutorial from this site the code was done by sbeener I wanted to use the same concept for adding external text for each image. So far I have only been able to figure out how to load the text but I have not figured out how to be able to change the text to correspond to the image.
[Code]....
View 6 Replies
May 18, 2005
I've used kirupa's 'Photo Gallery Using XML and Flash' tutorial & modified to make my gallery, you can view it here: ZedMedia.org by clicking on the photos section in the main page. what i want to do is, instead of reaching the end of all my photos and it stopping, i want it to go back to the beginning image & start all over again. i want the opposite to appen at the start. when the previous_btn is pressed i want it to go to the end of the gallery.
View 3 Replies
Jan 23, 2009
I'm working with XML and setting up a portfolio gallery. I basically want a thumbnail to be clicked and have an image opening, but i want the instance name of a button that is clicked to be stored in a variable that can be used when calling the images from the XML. I'm just trying to get the number that is in the instance name of btn2, and use that number 2 to reference the ID # in the xml file. I know there are easier ways to do this, but I didn't want to write new functions for all the numerous thumbnails on the site.
PHP Code:
btn1. addEventListener(MouseEvent.Click, _onBtnClick);
function _onBtnClick( e:MouseEvent ):void {
var clickedBtn = event.target.name;
}
Also the thumbnails are not being loaded through the XML, would it be easier to load the larger images without functions for each thumb, if I had the thumbs being referenced through the XML?
View 1 Replies
Mar 4, 2010
I am using a mx:Resize effect to change the width of an image in Flex (leaving the height to look after itself) but I want the image to remain vertically centered on the page. Whilst I could calculate the aspect ratio of the photo, and work out the new y value to keep it centred, I would have to include a mx: Move effect too, and I am hopful that Flex has a simpler way. This is for a photo gallery where images are loaded at run-time, and swapped about.
So I really would like to avoid recalculating the aspect ratio and vertical position every time the updateComplete event fires, I tried putting my image inside a mx: VBox with verticalAlign="middle", thinking that the box would do all the centering for me, but this only seems to happen when the app first starts - i need it to gradually adjust the position during the period where the effect plays (to keep it central even when part-way through).
Here's a stripped-down example (which doesn't work):
<mx:Application xmlns:mx="[URL]" layout="absolute" width="600" height="600">
<mx:Resize id="fxResize" target="{imgPhotoA}" widthTo="350" duration="500" />
<mx:Button x="10" y="10" label="Resize" click="fxResize.play()" />
<mx:VBox id="boxPhotoA" x="100" y="20" height="500" width="350" verticalAlign="middle" borderStyle="solid" verticalScrollPolicy="off" horizontalScrollPolicy="off">
<mx:Image id="imgPhotoA" width="60" maintainAspectRatio="true" source="[URL]"/>
</mx:VBox></mx:Application>
View 2 Replies
Nov 1, 2006
i want each image that opens up from the scrolling thumbnails below to have another set buttons relating to the main image. for instance:
[Code]...
numbers = buttons linked to another set of external images that are related to the big image. the problem is i don't know what controls the thumbnail/main image when i click on the scroller (i'm kinda lost in the code). so right now i have only one set of numbers regardless of which big image opens up.
View 14 Replies
Feb 15, 2010
I have an movie for site for a customer. Within the movie are thumbnails of images. We need to get these thumbnails to open in a light box when clicked. The customers site already uses lightbox (jquery) extensively and they have sent us all the files. To make the image open in a light box you just make it a link and give it a class.
This makes me think that I will need to import some css into flash to give the links the necessary styling. However, I suspect that there is rather a lot more going on with the jquery files than that! What I would need to do in order to make this work? Would I be better of just using flash to re-create the effect. In order to set the lb up for html you just do this in the header:
Code:
<script type="text/javascript">
document.getElementsByTagName('html')[0].className = 'jsEnabled';
</script>
<title>index001</title>
<link rel="stylesheet" type="text/css" href="styles/styles.css" />
<script type="text/javascript" charset="utf-8" src="scripts/jquery-1.3.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="scripts/fn_combined.js"></script>
<script type="text/javascript" charset="utf-8" src="scripts/global.js"></script>
And then in the body
Code:
<a class="lightbox" href="openMe.html">CLICK HERE</a>
View 3 Replies
Mar 26, 2009
I'm currently trying to beef up one of the websites I run, and make a better image slideshow for the gallery page. Currently... I have this page for my own website, with the lightbox effect installed correctly. The effect is very nice:When you click on an image, it loads it into focus on top of the page. This is also possible using flash.. using lightbox++. I hope one of you knows of this My question to you is... I want a page that loads the pictures via an xml file, and have the thumbs loaded, and each of those thumbs setup to load the full size version when you click on it.
View 2 Replies
Feb 20, 2008
I've built a flash photo gallery that pulls image urls from an external XML file. The gallery has different image catagories that load their own set of images.The user decided which catatgory they'd like to view by clicking an HTML button in the flash movies parent page...using javascript, this button click sends a variable to the root level of the flash movies with the new XML location...
Trouble is, onces the initial XML file is loaded, the movie has no need to refresh (and read the newly sent variable) ...*Unfortunately the catagory buttons MUST be outside the movie on the page...
View 4 Replies
