Flash simple image gallery problem
Hello I have what I think is an easy problem to solve but I
can´t find a solution.
I´m creating an image gallery with thumbnails on the
right inside a symbol so that
they can all fade in at the same time, and the bigger images
on the left that also fade in.
I can only fit 8 thumbnail images at a time, and want to have
more than that.
So I´ll add an arrow below the thumbs so that when you
click on it, you can see the other thumbs.
I have the first 8 thumbs on the first frame of a symbol and
the rest on the second frame.
My problem is that the symbol that contains the thumbs is a
graphic symbol, so that the thumbs in it, that are button symbols
can be clicked on. I tried using button and movie clip symbols for
the thumbnails container but then the buttons (thumbs) can´t
be clicked any more.
That was not a problem till I had to add more than 8 thumbs,
cause i need to give the container an instance name, and graphic
symbols can´t have one.
Here is the link to download the .fla
www.ginkgo.com.uy/old/downloads/handheld_pink.fla
In case I didn´t make my self clear, what I need is to
know if there´s a way to have a movie clip or button symbol
that can have buttons in it that can be clicked on.
I hope I didn´t give you a headache.
Thanks a lot, Marcelo.
thanks.
that´s what i thought but, if i convert the container to
a button symbol the thumbs can´t be clicked anymore.
And if I convert the container to a movie clip like you
suggested, then if I click on any part of the container it
just goes to the second frame of the movie clip container, if
i click again it goes back to the first frame and so on.
But there is no action script for the container at all,
please try it out with the fla i uploaded.
i can´t figure it out.
thanks
Similar Messages
-
Hi there,
Hoping someone can help. I've been searching high and low for an incredibly simple image web gallery generator. It simply has to have a larger image to the left and 3/4 smaller thumbnails to the right which, when clicked on, will appear in the bigger window. That's it! I don't want any text on it at all - just on a white background. The intention is to then upload the individual galleries of my work and use iFrames within my iWeb created website to point towards the galleries.
Please can anyone help and point me in the direction of a good bit of software that will allow me to do this. I have no HTML experience to speak of.
Thanks
SamSam ~ This +"HTML Picture Viewer"+ would be easiest to implement using iWeb '08's +HTML Snippet+ window:
http://web.mac.com/catucker/InsideOutside/PictureViewer.html
...it has the larger image to the right, but I suppose someone here could tell you how to reverse that. And the image changes not on a click of a thumbnail, but on mouseover. -
Scrolling image gallery problems
I am creating a scrolling image gallery using thumbnails. I have 36 thumbnails that are 100 x 100 px. I cannot figure out the x y coordinates to line up the images correctly. They are overlapping. I've put in the first x coordinate at 0 and the first image goes to the left, and that is fine, it is when I click the last image to put in a number, which I thought would be 36 x 100, they do not line up, they over lap. Does anyone have a clue how to fix this? I am working on this site for a very pushy client who wants it done NOW...Thanks,
If you crerate a Sprite or Movieclip 3600 x 100 you can place then one after another on that container then you only have 1 object to place and scroll.
-
hi guys
I recently bought 5800 and i have a question: why does image gallery show all pictures that's on memory card? even if they aren't in picture folder, for example it shows all power mp3 skins, and they r stored in power mp3 directory.
So if i decide to have some private pictures on memory card i cant it will be all shown in Images & Videos, its like phone scans my card and all that is picture file he put in gallery.
thanks in advance !Have a look at this..
/t5/Nseries-and-S60-Smartphones/Password-protect-a-folder-on-application-screen/td-p/645383
--------------------------------------------------------------------------------------------------------------------------------------------------------------If you find this helpful, pl. hit the White Star in Green Box... -
Image Gallery, problems with Flash player 9 and Opera 9
Hi, I'm developing a slideshow in flash (and php, JavaScript,
XML).
I'm coding in classes and AS2.
I use the ExternalInterface class to communicate between
swf's and html.
The problem is that the Slideshow won't work properly in the
Opera browser,
it seems like it's working fine, but after a few click it
stop responding.
No problems in IE and FF.
I've search and search to find a solution to this problem
with no luck.
I've put up an example of the slideshow here:
http://www.coldminer.com/up/sw.php?thumbs=1
The strange thing is that when I use really simplified
versions of the code
I'm using (with no externalInterface etc) it is working fine:
http://www.coldminer.com/ftest/
Anyone who have experienced similar problems, and can guide
me to a solution.
Opera version: 9.02 (8585)
Flash player version: 9,0,16,0
Thank you!
** Edit ->
I found a solution, I replaced th ExternalInterface with the
"Flash JavaScript Integration Kit",
and all my problems with Opera was solved.Lo stesso problema ce l'ho io. Sembra che flash player 9 non
riesca a leggere le versioni flash 5. Nell'installare un corso
contenente flash 5 ho questo errore:
Prodotto: Corso Multimediale per Photoshop 7 -- Errore 1904.
Impossibile registrare il modulo C:\WINDOWS\system32\swflash.ocx.
HRESULT -2147319780. Contattare il personale di supporto. -
Table Image Gallery Problem - Stretching / Distortion
I am using tables for making image galleries and they have worked fine up until my most recent gallery which has images of different orientations: 3 landscape-style images and 2 portrait-style.
The first (and only) large image I inserted into the table was landscape-style, and the 3 images of this type work fine. I used the 'Swap Image' behavior for each of the thumbnails I have below the large image. The problem is that the portrait-style images get stretched / distorted horizontally to fit the same dimensions as the landscape-style images.
I've tried looking at the code to modify dimensions of the images but there are only dimensions for the 1st/only large image. I've also tried lengthening the height of the container div and the div inside it which contains the table gallery, but this did not fix my issue.
I am somewhat new to Dreamweaver so this may be sort of a beginner's question, but I am hoping someone might help me to figure out how to make the portrait-style images be their original size and not stretched / distorted.
If necessary I can provide the code and try to provide more info.
Thanks!I played around with the code some more and changed both the height and width of the (ID: #large) image to "auto" which seems to have fixed the stretching and distortion.
However, if possible, I'd still like to be able to center the portrait-style images in the table. Does anyone know how to do that?
The updated page is visible here: http://www.csulb.edu/~mmccutch/misc2.html -
Hi! I've builded this XML gallery, and suddenly Im getting an
error when Im loading the pictures.
Its only sometimes the error comes.
TypeError: Error #2007: Parameter url must be non-null.
at flash.display::Loader/_load()
at flash.display::Loader/load()
at imageviewer_xml_subcats_fla::MainTimeline/allLoadXML()
at
imageviewer_xml_subcats_fla::MainTimeline/goForwardSorted()
at imageviewer_xml_subcats_fla::MainTimeline/sortMe()
Can anyone help me?
Flash file incl XML
imageview.flaI noticed two thing:
1. I guess the error occurs when currentImage variable is out
of range of sortedXML array. You, perhaps need to trace this var
and see at what point the error happens.
2. Unless I missed someting, It seems that you always load
images. At some point you load images that are already loaded. It
is inefficient. You, perhaps, better off reusing already loaded
images. -
External image gallery problem
Hi,
I'm getting a strange problem with my gallery which uses
external images. The first time you open the page with the gallery
on, all of the pictures are full size and overlap each other but
then when you press refresh all the images shrink down to there
inteded size and the gallery works perfectly. This seems very
strange that it fixs itself. Anyone got any ideas?
heres a link to some screen shots of the gallery breaking:
http://www.atumstudios.com/test/error/
Here is a link to the actual gallery page:
Shriba Artware Gallery
pageHave a look at this..
/t5/Nseries-and-S60-Smartphones/Password-protect-a-folder-on-application-screen/td-p/645383
--------------------------------------------------------------------------------------------------------------------------------------------------------------If you find this helpful, pl. hit the White Star in Green Box... -
Simple image placement problem
I just recnetly upgraded to Dreamweaver 8 and have a crazy
problem that I don't understand. I'm unable to add picutres
side-by-side. I don't quite understand what is happenening but when
I try and add two images side by side it forces the other down
below it. It doesn't matter how much space is availble or the size
of the images. Right now I'm having to create tables to place them
into but I think that is a terrible solution and I never had this
issue with MX.
Any help would be greatly appreciated.
Jason<title>template1_2_02 copy.jpg</title>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<style type="text/css">td img {display:
block;}</style>
Reckon that could be a factor in not being able to place them
horizontally
adjacent?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jaysyn" <[email protected]> wrote in
message
news:e79eej$s07$[email protected]..
>
quote:
Originally posted by:
Newsgroup User
> It's hard to say without seeing your page. Can you show
us the code?
>
>
> Here is a webpage I threw on the net real quick.
> I create webpages by creating the template in Photoshop,
slicing it in
> fireworks and then finishing it in Dreamweaver. Using
the CS2 and Studio 8
> software.
>
> I noticed that if I just create a blank page in DW I can
set them
> side-by-side
> but not after I bring in a page from fireworks. Like I
said this process
> has
> never givene me this problem with v7 so any help would
be appreciated.
>
>
http://design.archerworks.com/images.htm
<< it isn't clean right now kind
> of
> just thrown out there for this example.
>
> Thanks,
> Jason
>
>
> -
How to make a simple image gallery with click through?
Hello,
I'm wanting to make a webpage that showcases some images, very much like this one : http://www.steviedance.com/?page_id=3868#1
I want button where you can click to the next image, and have only the next image load, not the whole page like the link above....
Can this be done in dreamweaver? Or is this something do to in flash? What should I be seraching for when looking for a tutorial for this?
Any help would be greatly appreciated
Thanks !!
LucyIf your read your Plug-in's documentation, they provide code examples on this page to get you started:
http://slidesjs.com/#overview
<!doctype html>
<head>
<title>Title</title>
<style type="text/css" media="screen">
.slides_container {
width:570px;
height:270px;
.slides_container div {
width:570px;
height:270px;
display:block;
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="slides.js"></script>
<script>
$(function(){
$("#slides").slides();
</script>
</head>
<body>
<div id="slides">
<div class="slides_container">
<div>
<img src="image1.jpg">
</div>
<div>
<img src="image2.jpg">
</div>
<div>
<img src="image3.jpg">
</div>
<div>
<img src="image4.jpg">
</div>
</div>
</div>
</body>
</html>
Nancy O. -
Our users may add a logo to their content area. The logo is added as a file, and accessed from other pages using the technique described in the "Direct Access URL" online help.
The portal defeats this strategy, however, since the direct access URL changes each time the item is modified. I can see exactly what is happening in wwv_things, and it's disturbing since it occurs whether one edits or one removes and replaces the item.
What is the supported technique for accessing a folder item by name when the item name remains stable, but the file being accessed should change?Hi smith,
Thanks for your reply.
Some one told me to do something like this. I am getting square with red X. I have the images folder with code.gif file with in the ImageExample Class.
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.sql.*;
import javax.servlet.ServletException;
public class ImageExample extends HttpServlet{
public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException{
res.setContentType("image/gif");
PrintWriter pw = res.getWriter();
pw.println("<html>");
pw.println("<body>");
pw.println("<img src=\"/images/code.gif\">");
pw.println("</body>");
pw.println("</html>");
pw.close(); -
Flash Image Gallery load problem
This a familiar problem that has been put up here a thousand
times I'm sure but as yet I haven't been able to find a solution
for it. I've put together a simple image gallery using Flash and an
XML file. It works perfectly on my system but there are issues with
the images loading properly when I put them onto my site. I know
very little Flash, I've been using a pre-made gallery that I
downloaded but since it works on my computer I assume I should be
able to get it to work online too. The thumbnails for the file seem
to work fine and the information from the XML file is obviously
being accessed, however the main images are not loading. I've
included all the code below (Actionscript, XML and the Web coding),
if someone could help me before I put my fist through a wall that
would be great:
Actionscript
stop();
//specify the url where folder is located below (if
applicable)
toadd="";
t = 0;
l = 0;
theside = 1;
galxml = new XML();
galxml.load(toadd+"flash/fashion/easy-xml-gallery-2.xml");
galxml.ignoreWhite = true;
galxml.onLoad = function(success) {
if (success) {
maxnum = galxml.firstChild.childNodes.length;
for (n=0; n<maxnum; n++) {
specs = galxml.firstChild.childNodes[n];
//TEXT FOR SIDE NAV
duplicateMovieClip(side.thumbs.thumbsb, "thumbs"+n, n);
thumbclip = eval("side.thumbs.thumbs"+n);
thumbclip._x = n*100;
thumbclip.thetitle = specs.attributes.name;
thumbclip.theurl = specs.attributes.theurl;
thumbclip.thecaption = specs.attributes.caption;
thumbclip.thenum = n+1;
thumbclip._alpha = 100;
loadMovie(toadd+"/flash/fashion/images/"+(n+1)+"b.jpg",
thumbclip.thumbload.thumbload2);
play();
side.thumbs.thumbsb._visible = false;
mainperc.onEnterFrame = function() {
if (mainperc.perc<98) {
mainperc._alpha += 5;
mainperc.perc = Math.round(l/t*100);
mainperc.perctext = mainperc.perc+"%";
mainperc.ltext = "OF THUMBNAILS LOADED
("+Math.round(t/1024)+"kb)";
if (mainperc.perc>98) {
//mainperc._alpha -= 5;
if (mainperc._alpha<-50) {
delete mainperc.onEnterFrame;
XML
<gallery>
<pic1 name="ONE">
<pic2 name="TWO"/>
<pic3 name="THREE"/>
<pic4 name="FOUR"/>
<pic5 name="FIVE"/>
<pic6 name="SIX"/>
<pic7 name="SEVEN"/>
<pic8 name="EIGHT"/>
<pic9 name="NINE"/>
<pic10 name="TEN"/>
</gallery>
Webpage coding
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>shorty designs</title>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
body {
margin-left: 0px;
margin-top: 0px;
background-image: url(images/fashion_back.gif);
background-repeat: no-repeat;
a:hover {
color: #999999;
text-decoration: none;
.Sections {
color: #333333;
font-weight: bold;
#wrapper {
background-color: #FFFFFF;
padding: 10px;
width: 760px;
margin-right: auto;
margin-left: auto;
.section_reg {
color: #333333;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
padding-left: 10px;
.contact {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
color: #333333;
background-color: #FFFFFF;
width: 400px;
padding-left: 22px;
text-align: right;
.section_back {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
color: #FFFFFF;
background-color: #000000;
width: 135px;
padding-left: 10px;
margin-top: 15px;
margin-bottom: 15px;
background-position: center center;
vertical-align: middle;
height: auto;
.style2 {color: #F0F0F0}
a:link {
text-decoration: none;
color: #333333;
a:visited {
text-decoration: none;
color: #333333;
a:active {
text-decoration: none;
-->
</style>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<p class="Sections"><img src="images/version5.jpg"
alt="shorty logo" width="166" height="85" /><span
class="contact">Contact by email:
[email protected]</span></p>
<p class="Sections">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','536','height','518','align','right','src','/flash/fashion/fashion','quality','high',' pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=Shockwa veFlash','movie','/flash/fashion/fashion'
); //end AC code
</script>
<noscript>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="536" height="518" align="right">
<param name="movie" value="/flash/fashion/fashion.swf"
/>
<param name="quality" value="high" />
<embed src="/flash/fashion/fashion.swf" width="536"
height="518" align="right" quality="high" pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash"></embed>
</object>
</noscript>
</p>
<p class="section_back">Fashion</p>
<p class="section_reg"><a
href="travel.html">Travel</a></p>
<p class="section_reg"><a
href="wedding.html">Wedding</a></p>
<p class="section_reg"><a
href="layout.html">Layout</a></p>
<p class="section_reg"><a
href="personal.html">Personal</a></p>
</div>
</body>
</html>Yep, these are the directions:
this is very easy to update. You only need to edit the simple
xml file and add images to the images folder.
step 1.
add as many images as you like at the size 536 x 403
step 2.
create thumbnails for the above images at size 100x75
step 3.
update the xml file with the name url and caption for each
image. (to take the url off just click through to the button on the
main picture and delete the script that says getURL(theurl)
step 4.
open flash file and change the 'toadd' variable to the folder
where the flash file and image folder is located on your site.
thats it done.
The frustrating thing now is that the files are finally being
found but the thumbnail function has decided to mess up. -
Hi,
I am trying to implement a simple image gallery with alpha transition using as3. But an issue is occuring with this. After each image alpha transition, the stage becomes blank. The code i have used for image Gallery is following.CAn anybody help me. I am trying this for a week. but still i have a hope for make this working. So please help me.
import flash.display.Loader;
import flash.display.*;
import gs.TweenLite;
const TIMER_DELAY = 2000;
var totImages:Number;
var index:Number = 0;
var imgArr:Array = new Array();
var currentContainer:MovieClip = holder0;
currentContainer.alpha = 0;
var transTimer:Timer = new Timer(TIMER_DELAY);
//transTimer.addEventListener(TimerEvent.TIMER, startTransition);
var imgLoader:Loader = new Loader();
var myXML:XML = new XML();
var XML_URL:String = "images.xml";
var myXMLURL:URLRequest = new URLRequest(XML_URL);
var myLoader:URLLoader = new URLLoader(myXMLURL);
myLoader.addEventListener("complete", xmlLoaded);
function xmlLoaded(event:Event):void{
myXML = XML(myLoader.data);
processXML(myXML);
function processXML(xml){
totImages = xml.children().length();
for(var i=0;i<totImages;i++){
var tempVar = xml..item[i]..image;
imgArr.push(tempVar);
//transTimer.start();
currentContainer = holder0;
loadImage();
function loadImage(){
var url = imgArr[index];
//ImgLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgressStatus);
imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, fadeInImg);
var fileRequest:URLRequest = new URLRequest(url);
imgLoader.load(fileRequest);
currentContainer.addChild(imgLoader);
function fadeInImg(e:Event){
TweenLite.to(currentContainer,3,{alpha:1,delay:2,onComplete:switchClip});
function switchClip(){
if(index < totImages){
index++;
} else {
index = 0;
if(currentContainer == holder0){
currentContainer = holder1;
} else {
currentContainer = holder0;
currentContainer.alpha = 0;
MovieClip(this.root).swapChildren(holder0, holder1);
loadImage();
Thanks and Regards,
SreelashHi Adrei, I have implemented the thumbnail button also. Its working but the problem is that thumbnail buttons and controls are placing behind the image container. How can i place the thumbnail buttons and control buttons over the image. You can view the result in the following url:
http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test/scrllGallAnd.html
The working swf is with the following url:
http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test/scrllGall.html
The code that i used for creating thumbnail is following
import flash.display.DisplayObject;
import flash.display.*;
import flash.display.Loader;
import flash.events.MouseEvent;
import flash.events.Event;
import flash.events.TimerEvent;
import flash.text.*;
import flash.net.*;
import flash.utils.Timer;
import gs.TweenLite;
import gs.easing.*;
var xmlURL:String = "http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test1/images.xml";
var loadedImages:Array = [];
var imageURLs:Array = [];
var thumbArr:Array = [];
var imageLoader:Loader;
var prevImage:DisplayObject;
var currentImage:DisplayObject;
var thumbContainer:MovieClip;
var currThumb:MovieClip;
var prevThumb:MovieClip = null;
var showTimer:Timer;
var timerDuration:int = 5000;
var tweenDuration:int = 2;
var currentIndex:int = 0;
var activIndx:Number = 0;
var slidesHolder:Sprite;
var prvFlag:Boolean = false;
var nxtFlag:Boolean = false;
var twnFlag:Boolean = false;
var rt_lt_Flag:Boolean = true;
var myXMLURL:URLRequest = new URLRequest(xmlURL);
var xmlLoader:URLLoader = new URLLoader(myXMLURL);
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
xmlLoader.load(myXMLURL);
var a:int = 90;
ctrlBox.btnPlay.buttonMode = true;
ctrlBox.nextImg.buttonMode = true;
ctrlBox.prevBtn.buttonMode = true;
ctrlBox.btnPause.buttonMode = true;
ctrlBox.btnPlay.visible = false;
ctrlBox.btnPause.addEventListener(MouseEvent.CLICK,stopScroll);
ctrlBox.btnPlay.addEventListener(MouseEvent.CLICK,startScroll);
ctrlBox.nextImg.addEventListener(MouseEvent.CLICK,shwNext);
ctrlBox.prevBtn.addEventListener(MouseEvent.CLICK,shwPrev);
function xmlLoaded(e:Event):void {
var a:int = 45;
e.target.removeEventListener(Event.COMPLETE, xmlLoaded);
processXML(XML(e.target.data));
function processXML(xml:XML):void {
var len:int = xml.children().length();
var tempVar:String;
for (var i:int = 0; i < len; i++) {
tempVar = "http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test1/" + xml..item[i]..image;
//trace(tempVar)
imageURLs.push(tempVar);
preload();
createThumbs();
function createThumbs():void{
thumbContainer = new MovieClip();
addChild(thumbContainer);
for(var i:int=0;i<9;i++){
var thmbHolder:MovieClip = new MovieClip();
thumbContainer.addChild(thmbHolder);
//MovieClip(this.root).swapChildren(currentImage, ctrlBox);
thmbHolder.buttonMode = true;
var thmb:thumbClass = new thumbClass();
thmbHolder.addChild(thmb);
thumbArr.push(thmbHolder);
thmbHolder.name = i.toString();
thmb.imgNum.text = (i+1).toString();
thmbHolder.addEventListener(MouseEvent.CLICK,showImage)
//trace(thmb.imgNum.text)
thmbHolder.x = i*(thmbHolder.width+5)+5;
thumbContainer.y = stage.stageHeight - thumbContainer.height;
function showImage(e:MouseEvent):void{
var imgIndx:Number = e.target.parent.parent.name;
prevThumb = currThumb;
currThumb = e.target.parent.parent;
currThumb.buttonMode = false;
if(activIndx != imgIndx){
prevThumb.buttonMode = true;
currentIndex = imgIndx-1;
shwNext(null);
activIndx = imgIndx;
} else {
stopScroll(null);
function preload():void{
var len:int = imageURLs.length;
for (var i:int = 0; i < len; i++) {
imageLoader = new Loader();
imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onPreloadComplete);
loadedImages.push(imageLoader);
imageLoader.load(new URLRequest(imageURLs[i]));
function onPreloadComplete(e:Event):void {
e.target.removeEventListener(Event.COMPLETE, onPreloadComplete);
if (!showTimer && loadedImages[0].content && loadedImages[1].content ) startShow();
function startShow():void{
currentImage = loadedImages[0];
currentImage.alpha = 0;
slidesHolder = new Sprite();
var slideMask:Sprite = new Sprite();
var gr:Graphics = slideMask.graphics;
gr.beginFill(0xff0000);
gr.drawRect(0, 0, currentImage.width, currentImage.height);
gr.endFill();
addChild(slidesHolder);
addChild(slideMask);
slidesHolder.x = slideMask.x = 0;
slidesHolder.y = slideMask.y = 0;
slidesHolder.mask = slideMask;
slidesHolder.addChild(currentImage);
TweenLite.to(currentImage, 10, { alpha: 1 } );
showTimer = new Timer(timerDuration);
showTimer.addEventListener(TimerEvent.TIMER, slideTransition);
showTimer.start();
function slideTransition(e:TimerEvent):void{
var nextImage:int;
if(rt_lt_Flag == true){
if(nxtFlag == true){
showTimer.stop();
nxtFlag = false;
nextImage = currentIndex < loadedImages.length - 1 ? currentIndex + 1 : 0;
if (loadedImages[nextImage].content) {
currentIndex = nextImage;
loadedImages[currentIndex].x = slidesHolder.width;
slidesHolder.addChildAt(loadedImages[currentIndex], slidesHolder.getChildIndex(currentImage));
prevImage = currentImage;
currentImage = loadedImages[currentIndex];
showCurrent();
} else {
if(prvFlag == true){
showTimer.stop();
prvFlag = false;
nextImage = currentIndex > 0 ? currentIndex - 1 : loadedImages.length - 1;
if (loadedImages[nextImage].content) {
currentIndex = nextImage;
loadedImages[currentIndex].x = -(stage.stageWidth);
slidesHolder.addChildAt(loadedImages[currentIndex], slidesHolder.getChildIndex(currentImage));
prevImage = currentImage;
currentImage = loadedImages[currentIndex];
showCurrent();
activIndx = currentIndex;
//trace(currentIndex)
function showCurrent():void{
// make sure they have proper alphas
//prevImage.alpha = 1;
//currentImage.alpha = 0;
//TweenLite.to(prevImage, tweenDuration, { x: -slidesHolder.width } );
twnFlag = true;
if(rt_lt_Flag == true){
TweenLite.to(currentImage, tweenDuration, { x: 0, onUpdate:onTweenProgress, onComplete: removePrevious } );
} else {
TweenLite.to(currentImage, tweenDuration, { x: 0, onUpdate:onTweenProgress, onComplete: removePrevious } );
function onTweenProgress():void{
if(rt_lt_Flag == true){
prevImage.x = currentImage.x - prevImage.width;
} else {
prevImage.x = currentImage.x + prevImage.width;
function removePrevious():void {
if (slidesHolder.contains(prevImage)) slidesHolder.removeChild(prevImage);
twnFlag = false;
function stopScroll(e:MouseEvent):void{
ctrlBox.btnPlay.visible = true;
ctrlBox.btnPause.visible = false;
showTimer.stop();
function startScroll(e:MouseEvent):void{
rt_lt_Flag = true;
ctrlBox.btnPlay.visible = false;
ctrlBox.btnPause.visible = true;
resetListener(timerDuration=5000,tweenDuration=2)
function shwNext(e:MouseEvent):void{
if(twnFlag == false){
rt_lt_Flag = true;
stopScroll(null);
nxtFlag = true;
resetListener(timerDuration=0,tweenDuration=1)
function shwPrev(e:MouseEvent):void{
if(twnFlag == false){
rt_lt_Flag = false;
stopScroll(null);
prvFlag = true;
resetListener(timerDuration=0,tweenDuration=1)
function resetListener(timerDuration,tweenDuration){
showTimer.removeEventListener(TimerEvent.TIMER, slideTransition);
showTimer = new Timer(timerDuration);
showTimer.addEventListener(TimerEvent.TIMER, slideTransition);
showTimer.start();
Can you help me on how can i swap the depth of images and control buttons.
Thanks and regards,
Sreelash -
Hey all, I need a simple image gallery to load when you click a button. I've tried shadowbox but have had absolutely zero luck. I'm not sure how to load it from a flash file and I know there is work that has to be done outside of flash like in the root folder. All I need is for a simple image gallery, nothing fancy, to open when I hit a button. If anyone could explain how to use shadowbox in lamens terms or knows how to easily script a gallery that would be amazing.
What script version is your target? AS2 or AS3
-
User-managed image gallery in template-based html site?
I've created a simple, template-based html/css site for a client and they've asked for a set of sales pages for their vans and cars. The idea is that there'll be an entry page, which has an itemised list (thumbnail pic, title and a couple of sentences), which then links to individual template-based pages on which the full information is listed.
So far I've given the client a copy of Macromedia Contribute. No problems there. However, it would be great to have a relatively simple image gallery which will display up to, say, 10 pix.
The problem is that without a complex back-end CMS, I need to find a user-friendly (ie, not technical) gallery system which I can either embed into the template, or set up so it can be easily added to a page.
Am I being overly optimistic here, or is there an option (ideally free, of course!) which someone can recommend? My ideal is something that could be accessed and updated through Contribute, but if there's a standalone app which can do it once the page has been created in Contribute, that would be fine.
Thanks in advance.
TrentI've created a simple, template-based html/css site for a client and they've asked for a set of sales pages for their vans and cars. The idea is that there'll be an entry page, which has an itemised list (thumbnail pic, title and a couple of sentences), which then links to individual template-based pages on which the full information is listed.
So far I've given the client a copy of Macromedia Contribute. No problems there. However, it would be great to have a relatively simple image gallery which will display up to, say, 10 pix.
The problem is that without a complex back-end CMS, I need to find a user-friendly (ie, not technical) gallery system which I can either embed into the template, or set up so it can be easily added to a page.
Am I being overly optimistic here, or is there an option (ideally free, of course!) which someone can recommend? My ideal is something that could be accessed and updated through Contribute, but if there's a standalone app which can do it once the page has been created in Contribute, that would be fine.
Thanks in advance.
Trent
Maybe you are looking for
-
For a good few months now Firefox has quite frequently been crashing on me for no reason that i can distinguish. I have attempted to fully re-install Fire-Fox with a fresh install and tried sorting out the addons but nothing seems to help. I also ens
-
How to make early payments via transaction F110 (automatic payment progr)?
Hi expert, I am trying to make an early payment for vendor invoices which are not yet due. How can they be included in the payment run of transaction F110? I have made the payment run on 16.10.2009 with "documents entered up to" 01.11.2009. 2 invoice
-
ODI 11.1.1.7 / how to hide Topology Tab?
Customer is sharing the same Master repository between 2 development groups. The would like to customize the access for each group's developer so either 'HIDE' the topology tab all together OR ONLY data-stores associated with each group is visibl
-
What cable would be best to transfer files?
I just brought a 2013 rMBP- 13' and want to transfer files from a 2009 iMac running 10.6.8. Can I use Migration Assistant...if so what cable would be best? Firewire to firewire? Also will Snow Leopard be able to talk with Maverick?
-
hi all, I have tried the file to file scenario and its working fine. Now i'm trying the file to csv scenario. In the same file to file scenario I have done changes in the receiver communication channel like file content conversion. In the datatype i