IDE :: Image Gallery With Scroller?
Oct 16, 2009am after an image gallery with scroller that displays thumbnails only.
I'd also like to have lightbox used in this as well instead of displaying the larger image in a window.
am after an image gallery with scroller that displays thumbnails only.
I'd also like to have lightbox used in this as well instead of displaying the larger image in a window.
I followed someone's tutorial on CWD.dk and made this image gallery scroller. I have attached the file downloaded from the website. Basically, when you click the buttons, it will scroll the images. However, it doesn't ease in or out, and I would like to know how to make it ease in and out. I've been trying for the last 2 hours with no success. Anyway, the file is too large to attach, so here is the direct link. [URL]
View 5 RepliesI'm trying to combine a couple different dynamic image galleries. I've got a thumbnail scroller but I'd like it to rotate 8 every eight seconds until a thumbnail is clicked.
I'm clueless here. I could probably come up with a jacked up workaround if this wasn't dynamic, but it is.
[Code]...
I'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 RepliesI would like to position relatively a scroller in my application like below.When I scale the image, I resize the scroller...
<s:Scroller width="50%" height="50%" >
<s:Group>
<mx:Image
[code].....
I've got a horizontal gallery scroller that works great.The scroll bar snaps the animation to the closest image. You can view an example here:
[Code]...
tutorial of photo gallery, the problem is that the scroller for the thumbnails doesnt work, i mean it doesnt appear, theres nothing on the screen, i dont know what the problem is, the pictures above appear correctly but the problem is the scroller, i have tried a lot of thing but i cant get it to work, maybe the problem is that i used flash cs3, and the tutorial was made for flash mx 2004
View 1 RepliesI've got a horizontal gallery scroller that works great.The scroll bar snaps the animation to the closest image. You can view an example here:[URL]I've added the blue buttons to try and scroll directly to individual images which works fine. But once i have arrived at the image the Left & Right buttons don't function correctly to scroll to the next and previous image.[URL]Below is the AS.
// Scaling Mode
Stage.scaleMode = "noScale";
Stage.align = "TL";
// Total width and height of this movieclip
[code].....
I want to make the scroller vertical for this very impressive XML: [URL]. I've been trying and have been getting somewhat close to accomplishing this but I feel like I'm hacking up the code to get there.
View 3 RepliesKind of like this but instead of scrolling to mouse move, the user would have to click the arrows. And it would be vertical instead of horizontal: [URL]
View 1 RepliesI have just successfully displayed the contents of my 'gallery' xml in a grid layout to my stage. My issue is I have a fairly small area to work with and I need to put these inside a custom scroller. The custom scroller I have atm displays only text (via a TextField and URLLoader) from a txt file and I'm confused how to alter it to load my gallery images (from my xml) instead. Can I load images from the XML into the textfield? Is there an easier way of doing it.
View 0 RepliesI am trying to use rhamejs slideshow (located here) and I would like to move the scroller to a certain position on the stage but I'm not sure how to do it. My stage is 900px wide with a nav bar along the bottom. All I want to do is move the scroller to the right of my nav buttons and left of another button that is in the far right corner. I would like to stay within that space which expands depending on your browser/screen size. The main stage is set up to resize based on browser/screen size and all the nav buttons are anchored. I basically need the left edge of the scroller to be 535px from the left edge of the stage at all timesI need the right edge of the scroller to be 185px from the right edge of the stage at all times. I have tried editing these lines but after the width of your window gets to a certain point, the thumbs stop scrolling or disapear completely:
Code:
if (nav == "nobuttons") {
scroller._x = 0;
[code]......
Iv got a background image 3 times the length of my stage.. what im trying to do is create a scroller so when you press a right button or a left button, it scrolls to the left third or the right third of the image.
[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 Repliesi 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 RepliesI'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.
I want it to while still easing into place like the iphone does. For example my stage is 550px. The drag and throw MC is 1650. That's 550x3. If the first image is showing starting at x axis 0 and you drag to the left it will ease into place stopping and showing the second image stopping the image at x axis 0. And the same thing scrolling to the next one and scrolling back. So the code is below and I've attached the movie that I'm working on.
[Code]....
I have been trying to figure out how to create this movieclipI have a bunch of images which is laid out horizontally (x axis). The functionality is very simple, when I click on the movieclip it will allow me to drag it from right to left and vice versa. This part is simple enough. I face a problem when it comes to the end and the beginning of the movieclip. How do I make it undraggable when it reaches the end of the movie clip and vice versa when I drag it back to the beginning.
View 6 RepliesIn the image scroller that i implemented, its taking too much time for loading the images,So I hope it's better to monitor the loading progress of images and providing a preloaderBut how to implement it when more than one images are in the scroller. I meant how the calculations to be done when multiple images are loading.
View 13 RepliesI have a horizontal image scroll that is made up of various thumbnails. When you move your mouse to the left it goes left, move it to the right and it goes right.The problem here lies somewhere in making the loop continuous. I have it looping correctly. There are masks on each thumbnail.
I have two instances of the same movieclip that contains the thumbnails right next to each other. This allows it to loop.When two instances of the thumbnails are both on the screen at the same time, a few of them lose their masks while they are on the stage. Why is this?
regarding continuous scroller in actionscript.Th problem is that in my current scroller.. after a few up and down scrolls, the space between movieclips holding the images dosent seems to be remaining the same.
View 2 RepliesI went through this excellent tut, I can get this to work, but how to make it go both ways? Horizontal and Vertical? I tried, but it didn't work.
View 2 RepliesAnyone know to create a Horizontal dynamic image scroller ?? I tried a component but it doesn�t has option for smooth transition.
View 1 RepliesI worked a menu with scroller, works with two movieclips on the sides, making another movieclip that moves.
I want to add easing, but I can not get, I have problems because I have not worked with easing.
how to add easing the movement?
there is mi file: barra.fla
I've been trying to create an XML based portfolio site, where images are loaded dynamically so the client can update it. I've managed this part ok, however, I want the images to be in a scroll panel so that as the client adds more and more images you can scroll through them. I've got it however, I'm struggling withlimiting this panel so that you can scroll the images infinately (ie: off the screen!)[URL]
View 1 RepliesI've done a basic thumbnail scroller before, but now I'm trying to make one like the scroller at I need to figure out how to get the popout with the text on it. Specifically when the image is the center image. Can anyone point me in the right direction?
View 3 RepliesI'm having problems with my AS2 and XML (on Flash 8). I finally figured how to create a simple slideshow which incorporates a "Next" and "Previous" button...but what i'm struggling with is: "How to click on the 'next' button so that the existing image scrolls to the left as the new image from the right moves to the center. And the opposite for the 'previous' button". Currently I have the existing image disappearing (alpha 0) and then the new image scrolls to the center from the right - which is not what I want to do.
Here's my current script:
import mx.transitions.Tween;
import mx.transitions.easing.*;
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
[Code] .....
I have built an dynamic XML image scroller to load jpgs via an XML file and then populate a horizontal scroller with a mouseover effect and a mouseclick function that sends you to another url.Right now the mouseover function fades the image alpha, but I want it to also add a text label dynamically grabbed from the XML file.Here is the code for the mouseover function:
Code:
function overScrollerItem(e:MouseEvent):void {
Tweener.addTween(e.currentTarget, { alpha: .5, time: 1 } );
[code].....
I'm a beginner at actionscript, as well, but I'm humble and more than willing to be schooled..I have what I hope is an easy question to answer.It is a pretty basic image scroller that has a series of images scrolling across the screen in an infinite loop. Direction is controlled by mouse position (extreme left or right), and it will stop when the mouse is positioned over an image in the center area.Here's the code:
var myVar:Boolean;
this.addEventListener(Event.ENTER_FRAME, onEnterFrame);
function onEnterFrame(e:Event) :void
[code].....
I am have a button on my main.fla that loads an image scroller that is conected to an XML file.I can post the code for the button, or the code from the swf i'm trying to load.I am getting this error message:
loading xml from: Mixed-Media-Thumbs.xmlError #2044: Unhandled ioError:. text=Error #2032: Stream Error. URL: file:
/Mixed-Media-Thumbs.xml at mixed_media_fla::MainTimeline/frame1()