ActionScript 3.0 :: Make Image Gallery With Thumbs And Horizontal Scrollbar?
Aug 1, 2009how to make image gallery with thumbs and horizontal scrollbar. if images are more that three scrollbar is shown otherwise it will hide.
View 2 Replieshow to make image gallery with thumbs and horizontal scrollbar. if images are more that three scrollbar is shown otherwise it will hide.
View 2 RepliesI'm trying to make a simple horizontal image gallery scroller. Not sure what I'm doing wrong here. I've gotten the slider tab to work properly, but the masked image gallery is not moving at all when the slider is pulled. I included the Flash 8 FLA for the scroller in the post below.
View 1 RepliesWhat 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]...
I�m trying to get my horizontal scrollbar gallery images to link to different url�s, but having some trouble getting more than one url to open, they all link to the same site.
View 5 RepliesI was working with the XML Photo Gallery Thumbnail Tutorial on this site: http:[url]....
And I modified it for my own usage, making it a vertical gallery instead, and had no problems until I came upon the thumbnail images. When I replaced the original thumbs with my new thumbs (that I sized based on width, as it is a vertical gallery) it got all screwed up. The images are of all different shapes. So when it loads up, some of them had huge gaps in between them, and others were even overlapping. So I fixed it by making the heights of all the images the same, resulting in a working thumb gallery, but now half my thumbs are cropped off by the mask. I'm looking for a way to fix it where I still have the same spacing between the images, and that they are all the same width, but can vary in their height. Here's the section of the code I am using:
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);[code]....
I'm also trouble figuring something out from the same tutorial, that I want to change. The tutorial uses these "Next" and "Previous" buttons. On the far right hand side, the half-circle buttons are what I assigned this to, but I don't really want them to have that function. I would rather have them function just like how the mouse functions when it rolls over the thumb gallery, except they scroll the thumbs up and down when clicked.
I am using an Apple PowerBook g4, Flash CS4, ActionScript 3 and I am trying to develop and design my own site and truth be told I have no idea what I am doing nor how I will put all the pieces together. But at the moment I am trying to make a horizontal scrollbar using the Object-Oriented Scrollbar: Part 1 tutorial. Basically all I have done is used x instead of y within the actionscript code. However, the only error I am getting is with the import caurina.transitions.Tweener*; code. What comes up in the compiler error report is:
Location) Symbol 'scrollbox' , Layer 'Actions', Frame 1, Line 1.
Discription0 1086: Syntax error: expecting semicolon before mult.
Source) import caurina.transitions.Tweener*;
The caurina file was downloaded the from Tweener Documentation and Language Reference site [URL] and I used the tweener_1_33_74_as3.zip Stable version 1.33.74, Actionscript 3 (Flash 9+) Featured Jun 2009 34.4 KB file. After placing the unzipped caurina folder into my project folder and that not working I have placed in Applications/Adobe Flash CS4/en/First Run/Classes as I read within the forum post "Re: Object-Oriented Scrollbar Part 1" posted by AKA//TRUTH on Wed Jan 20, 2010 12:30 pm.
ActionScript Code:
Code: Select allimport caurina.transitions.Tweener*;
var xOffset:Number;
var xMin:Number = 0;
var xMax:Number = sb.track.width - sb.thumb.width;
[Code] .....
I am really interested in the separate images loading and connecting at the xpoint. And of course the tween dragging of the overall sections. I have a terrible example I have begun working on, but it works on the _root._ymouse and _root._xmouse positions. The images also overlapp. Here is the link to the example site. [URL].
View 11 RepliesNow, I've seen Scotty's image resizing gallery thread and love the gallery with scrolling thumbnails. Unfortunately, on my site, I have a lot of wide images that can not be shrunk down without losing valuable details. So my question is, is there ANY way to make an XML image gallery that will apply a scrollbar to an image if it exceeds a certain width?? My images are wider then the website so I will need to apply a scrollbar or scroll pane no matter what but it would be ideal to have it done where I can load the images via XML
View 1 RepliesI am using a horizontal tilelist in flex to display an image gallery with only one item in horiz. tilelist being shown at a time. I have next and previous buttons on both sides. The problem is I want to display a particular item/image in that list when user clicks on a thumb image from another thumbimages tilelist at bottom. I used someTilelist.selectedIndex property but it just selects that particular index in list, it does not show that particular item/image. I want the list to show that particular image, not just select it. Please take note that the horiz. tilelist shows only one image at time.
View 1 Replieshow I would convert this vertical scrollbar into a horizontal scrollbar
heres the code:
onClipEvent (load) {
diff_y = bound_box._height-scroller._height;
bounds = bound_box.getBounds(this);
top = bounds.yMin+(scroller._height/2);
bottom = bounds.yMax-(scroller._height/2);
[code]....
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 RepliesHow can I make a horizontal image scroller that when u click and hold would allow me to scroll through a pan with hotspots(buttons)? I have this script which does the basic functions I am wanting but it if I drag right enough I can drage the MC right out of the frame. I would like to be able to scroll right and then when it meets the very right edge of the movie clicp and the actual movie frame it won't go further. Same with the left edge.
Code:
var mouseStartX:int;
var mouseStartY:int;
var bgStartX:int;[code].......
I have a canvas with a scrollbar and I would like to disable the scrollbar in some way that keeps the thumb visible, but not selectable. I just want to let the user know that there is more information below, but I do not want to let him use the scroll to move down(this will be done with the movement of the arrows). I tried using the properties enabled but it does not work.
View 1 RepliesLike this demo, the tab "pages" http:[url].....I have a word book with more than 90 pages and 7 charpter that i have to transform in flash projector. But i don't know how put both together..
View 1 RepliesCan any one tell me how to make transformation tool for horizontal scaling and vertical scaling the image
like that link[url]...
I'm trying to find out how to make a simple image gallery which changes image upon a mouse click on a button, when a button is pressed I want the image to slide in from the left into the viewable area and then when another image is selected I want the previous image that was viewed to remain in the screen and then the new image slide across over the top to replace the image.
I can get the images to slide across from the left upon a mouse click however I can't change the layer order so if image 6 is viewed and then I click to see image 1, the image will slide into place however it will be below image 6 so therefore not viewable.
I don't have an example of what I'm after but I hope my explanation was good enough, I've seen this been done in javascript but I have to use flash and am unable to replicate the effect I'm after
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 RepliesI'm using the code below to create a simple gallery of thumbs in a line with space between each thumbnail.[code]I have a rollover/out function that scales up/down the thumb outwards from the centre of the thumb.I was expecting the scaling thumbnail to "push" the other thumbnails left and right as it scaled...but it only shifts the thumbs to the right of it and the thumbs to the left do not move.I need code to allow a scaling thumbnail to push aside the other thumbs in every direction.
View 2 RepliesI'm using the code below to create a simple gallery of thumbs in a line with space between each thumbnail.
ActionScript Code:
onEnterFrame = function () {
for (projIdx = 0; projIdx < projectsArray.length; projIdx++) {
//space between photoThumbs
[Code].....
I have a rollover/out function that scales up/down the thumb outwards from the centre of the thumb.
I was expecting the scaling thumbnail to "push" the other thumbnails left and right as it scaled...but it only shifts the thumbs to the right of it and the thumbs to the left do not move.
Imagine a 3 thumbnails in a horizontal line, I want the middle thumbnail (thumbnail 2) to scale from the centre and push thumbnail 1 to the left and thumbnail 3 to the right. But obviously I want this to work for x amount of thumbs.
I need to get more control over the thumbnails.
gallXML.ignoreWhite = true;
gallXML.onLoad = gallery;
gallXML.load ("gallery.xml");[code]....
this has to be an array, so that I can give all thumbnails together an order. I thought this was an array, but I can't get control over this. When I trace 'thumbHolder', I get back only the last thumb. If I trace 'this', than I get the right one. i.e:
_level0.thumbnails.thumbnail4) */
thumbHolder._y = i * spacing;
thumbHolder.title = picHolder.attributes.title;[code].....
i'm currently re-using a code snippet of xml gallery with scrolling thumbs, but i got a problem : my mask is stagewidth and my pictures holder depend of thumbs numbers, sometimes after resizing windows browser, while scrolling to the browser sides limit i cannot see the end of the last pic or the start of the first pic
[Code].....
I need to get more control over the thumbnails.
[Code]...
I've been busy to understand the Bokel class, but I couldn't find a good tutorial about thumbnail threatment.
I've downloaded and slightly modified the Photo Gallery with Thumbnails .fla file. It works fine, except when you mouse over the right side, it keeps scrolling until all of the thumbnails are off the screen. Going to the left, it works fine, stopping when you reach the first thumbnail. On the original, it works as it should.
View 1 RepliesI am having an issue with my photo gallery thumbs not showing up.When you first land on the page the thumnails do not appear with the flash photo gallery. However, if you refresh the page, they show up.
XML loading code frame 1
Code:
photo_filename = new Array();
photo_thumbnail = new Array();
photo_description = new Array();
[code]....
i'm currently re-using a code snippet of xml gallery with scrolling thumbs, but i got a problem : my mask is stagewidth and my pictures holder width depend of thumbs numbers, sometimes after resizing windows browser, while scrolling to the browser sides limit i cannot see the end of the last pic or the start of the first pic, how to fix that ?
tha'ts part of a bigger project, but i've isolated the bug in this source : [URL]
the fix i would like :
-seeing the whole first pic and whole last pic when scrolling to the border left and right
-placing the first pic at x:70 at start, and enter fullscreen
if someone may have a look on this , that's only a 2 mn fix for a skilled as3 programmer, but for me a headache
I am creating an image gallery and it has a set of scrolling thumbs at the bottom and when clicked it opens an image that is the large version of it. What i would like to do is have the scrolling thumbs inside a black stroked box using the drawing API and when clicked it opens that image larger with another black box around that image. I know you have to use the drawing API but I have no idea on how to implement it at all. Also is there any chance each image could have a preloader on it.[code]...
View 3 RepliesI'm making a dynamic gallery that loads images from an xml file, first load the thumbs of each collection and click on the thumb will display the corresponding collection. I want to make that the thumbs are a little animation in the rollover, I have tried several ways and can't do it, referenceThe code has many comments that are evidence I've been doing.
ActionScript Code:
System.useCodepage = true;
_global.datos = new XML();
[code]....
First of all I've only registered recently but read a lot of the pages on this forum. It's great!I've been working with the xml gallery with thumbs to get to a cool flash gallery. A lot worked out for me and I think I came very far. There's just one thing. I want a popup in it. BUT, not just a regular popup; i figured that out as well. I would like a popup in "Thickbox" style. Don't know if you know it.
With Thickbox [URL] you can open a new window with content that seems to float.I've been trying to get this working with my Flash gallery. Normally you just add a class=thickbox attribute to the link, but in this case it's in actionscript. And that;s the prob. I can't seem to get this to work.
I would like to know how can I make a horizontal scroll bar in AS2?I have make a vertical one already and using the below script, what should I change then let the scrollbar become left to right?
var scrollUpper:Number = 9;
var scrollLower:Number = 158;
var textLower:Number = 0[code].....
URL...I really like the style and I think it's Flash but not sure.How do they get the whole animation to fit the whole screen without a users horizontal scrollbar coming in? Is this something you can set in Dreamweaver when you upload it?
View 5 Replies