Image preload issue

I've built a flash site for a video company. Due to the
design and fact they want high quality videos on the site, the
final file is a monstrous 9 megs! I've built a preloader into the
site which seems to work fine, except for one issue.
I built a 3D navigation into the site which was imported from
Swift 3D as a series of numbered picts. I would assume that the
preloader would, well, "preload" the images so once the site is
loaded, it would play smoothly, however, this is not the case. The
first time the picts run, they are very choppy, but then every
subsequent time it's run, it plays smooth and great.
So, here's the obvious question... How can I make it so that
the picts run smoothly the FIRST time?
Thanks in advance!

> I only want the photos/images on individual
> pages to load when I select on a specific Spry tab.
that's the issue, they are spry tabs on ONE page.
all the images are on that ONE page.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Similar Messages

Image quality issues in PS - word to PDF

Hi,
I am having major image quality issues when trying to make my word document a clean, clear PDF. Images become distorted. Borders for tables and text that are equal px size look like they are different sizes throughout the document.
I have searched the internet, read help, and tried many different things:
Word 2007 - Changed image %, image size, export options, adjusted px for borders, used different styles
Acrobat 9 Pro - Changed import settings, import options, print options, tried press quality, high quality, etc.
Photoshop CS4 - Changed ppx, file format, compression options
What can I do to get a clean, clear PDF file with the images and borders preserved?
Thank you.

In converting a MS Office file to PDF, Photoshop cannot help in any way and will likely cause more harm as it may rasterize vector data. Expect your ideal answer in the Acrobat forum.

JavaFX - Image preloading problem

Hi,
I try to use ImageView and face some problems with image preloading.
Here is the code related to the component that has problems. The component extends CustomNode.
in class attributes declaration:
var imgNodes: ImageView[];
// list of url of images to display
public-init var imgs: String[];
in create function:
for(indice in [0..batch]){
var view= ImageView{
fitWidth:100
fitHeight:100
translateX: (110 * indice)
preserveRatio: true
cursor: Cursor.HAND
insert view into imgNodes;
on an image loading function:
for(indice in [0..batch]){
imgNodes[indice].image = Image{
width: 100
height: 100
url: imgs[firstItem+indice]
preserveRatio: true
backgroundLoading: true
with backgroundLoading set to true, the images are not displayed. When setting it to false, the images appear. So the urls passed to Image are ok.
If I display the fields error and progress of the Image components, both have the value 0.
I have other components that use preloading and they are working great before showing the problematic component. After, preloading does not work anymore.
It looks like as if the thread used to preload images is blocked.
Can anyone help me with it?
Thanks in advance for your help
Thomas

I'm not shure but i think the only group component wich is updated after insert or delete is a Group, so there is the same problem with V/HBox.
Then this code work for me
package forumsamples;
import javafx.ext.swing.SwingButton;
import javafx.lang.FX;
import javafx.scene.Cursor;
import javafx.scene.Group;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.VBox;
import javafx.scene.Scene;
import javafx.stage.Stage;
* @author Alex
var imgNodes: Group;
// list of url of images to display
var imgs: String[] =
for (n in [1..3]) "file:///E:/dev/images/FA/OUI/{n}.bmp";
//in create function:
//on an image loading function:
function load() {
    for(indice in [0..3]){
        insert ImageView {
            fitWidth:100
            fitHeight:100
            translateX: (110 * indice)
            preserveRatio: true
            cursor: Cursor.HAND
            image: Image{
                width: 100
                height: 100
                url: imgs[indice]
                preserveRatio: true
                backgroundLoading: true
        } into imgNodes.content;
Stage {
    title : ""
    scene: Scene {
        width: 200
        height: 200
        content: [
            VBox {
                content: [
                    SwingButton {
                        text: "Button"
                        action: function() {
                            load();
                    imgNodes = Group { }
}

More Image/stylesheet issues

Hello again,
Just wondering if anyone could give me some quick style sheet issues, have an img class that looks a little something like this:
img {
border: 5px solid #adadad ! important ;
padding: 5px ! important ;
margin: 4px, 4px, 4px, 4px ! important ;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
Which works like magic for getting me a nice curved border in most modern browsers.
Now there are one or two small icon type images that I need to not have a border as they are actually within the text - can anyone think of a way of setting up RH9 so that I can have an image that doesn't follow these styles?
I am sure it will be to do with over riding these styles but not sure how to do this because it is not like I am selecting a style for the image files - they are just getting their styles from the img selector...
Anyone got any suggestions?
much 'preciated.

Hi Willam
I'm a bit confused by what you suggested. You seem to be implying that this won't work and the image paths will break. But I've not found this to be the case. I just tested by creating an image and later creating some nested subfolders and using the variable in topics in each of the subfolders. I then generated WebHelp and viewed and I had no broken images at all. RoboHelp was able to manage the relative pathing to the image without issue.
Have you noticed otherwise?
I'm a believe in erring on the side of caution, but it would seem that (for me anyway) the worry is unfounded.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Image reloading Issue - Imagefix

Hi all,
I have requirement like a grid component with images (Thumbnails).I have used the code of from javafx site(Thumnails.fx etc)
view style:Microsoft explorer view with thumbnail
Problem:Image reloading Issue - Imagefix
When i deleting selected image from the grid i am create the object of imagegrid for updated list of images.The problem i am facing after 3 o4 continious sequences the images were not displaying on grid.Every time insert/deleting on image grid functionality i am creating image grid object even though problem still exist.
//Code is like
def image :ImageFix =getImage();
function getImage():ImageFix{
if(url.endsWith(".pdf")){
url=url.replaceAll(".pdf","001.png");
var pdfThumbnai:File=new File(url);
if(not pdfThumbnai.exists()){
ImageFix{
backgroundLoading:true
preserveRatio:true
height:100
width:100
url:"{__DIR__}images/pdf-file-logo-icon.jpg";
//applicationContext.pdfThumbnail;
else{
ImageFix {
height:100
width:100
backgroundLoading:true
preserveRatio:true
url:"file:///{url}"
else ImageFix{
backgroundLoading:true
preserveRatio:true
height:100
width:100
url:url
// the image variable setting imageView for following variable
def imageView : ImageView = ImageView {
smooth: false
cache: true
image: image
cursor:Cursor.HAND
fitHeight:100
fitWidth:100
onMouseClicked: function(evt : MouseEvent) : Void
println("count value in Image Grid is {count}");
var id:Integer;
if(evt.clickCount >= 2)
applicationContextDMS.indexOfImg=count;
println("fileVectorObj {fileVectorObj}");
showOCRScreen(count,folderID,fileVectorObj);
if(evt.clickCount==1)
applicationContextDMS.indexOfImg=count;
selectImage(this);
// Scale the thumbnail up when the mouse enters.
onMouseEntered: function(evt: MouseEvent) : Void
gr.visible=true;
onMouseExited: function( e: MouseEvent ):Void {
gr.visible=false;
Please help out resolve this issuse.
Thanks in advance

The only work around that I found was to rename the image file. Once renaming occurred, the image file when updated was rendered correctly. I have read an earlier bug report that claimed this was fixed. I do not believe it to be so. If anyone has any additional information please present it.

Image Quality issue with script

So I recently wrote a simple script to output an image at a bunch of different resolutions. However, I am running into an image quality issue that I don't run into when I do the same thing manually.
Here is an example image showcasing the image: http://terminalvelocity.ca/temp/notworking.jpg
As you can see along the top of the model's forhead there is destinct color fragmentation. Which seems very strange.
Here is the script, it is pretty simple, it asks for a few simple config options. (the above image was created using default settings). It then figures out the correct ratios and loops through doing each resize, saving the image, then reverting the history so each iteration uses the original image data and not the resized version:
doc = app.activeDocument;
openFilePath = Folder.selectDialog ("Where do you want the images to be saved?");
maxSize = Number(prompt("What would you like to be the maximum length of the long edge? (Image is never upsized) (pixels)", 2800));
minSize = Number(prompt("What would you like to be the minimum length of the long edge? (pixels)", 100));
gap = Number(prompt("How much smaller should each image be? (pixels)", 100));
quality = Number(prompt("What quality would you like the JPG exported as (0-12)", 10));
var size;
var primary;
var secondary;
if(doc.width > doc.height){
          primary = doc.width;
          secondary = doc.height;
}else{
          primary = doc.height;
          secondary = doc.width;
var ratio = secondary/primary;
var size = [];
for(var i = maxSize;i>minSize;i-=gap){
          var p = i
          var s = i * ratio;
          size.push([p,s]);
var w;
var h;
var n;
for(var i in size){
          if(doc.width > doc.height){
                    w = n = size[i][0];
                    h = size[i][1];
          }else{
                    w = size[i][1];
                    n= h = size[i][0];
          if(doc.width >= w && doc.height >= h){
                    doc.resizeImage(w,h,null,ResampleMethod.BICUBICSHARPER);
                    jpgFile = new File(openFilePath+"/"+n+".jpeg" )
                    jpgSaveOptions = new JPEGSaveOptions()
                    jpgSaveOptions.embedColorProfile = false
                    jpgSaveOptions.formatOptions =
                    FormatOptions.STANDARDBASELINE
                    jpgSaveOptions.matte = MatteType.NONE
                    jpgSaveOptions.quality = quality
                    app.activeDocument.saveAs(jpgFile, jpgSaveOptions, true,Extension.LOWERCASE);
                    doc.activeHistoryState = doc.historyStates[doc.historyStates.length-2];
In comparison, here is an example of an image of the exact same resolution that does not exhibit this issue at all:
The steps taken to save this image were as follows: http://photography.terminalvelocity.ca/content/images/2012/avery_konrad_6/horizontal/1500. jpg
Image > Resize > Bicubic Sharper (1500px);
Save For Web
     Jpeg
     Quality 75
     Optimzed: true
     Progressive: false
     Blur: 0
     Convert to sRGB: true
Anyway, as you can see, The manually exported image does not have any of the quality issues that are present within the scripted image. I am pretty new to photoshop scriping so am assuming it has something to do with me missing some sort of option in the save settings. Any help would be swell.
Also note, this doesn't occur on all images, I usually don't see an issue when using the script, however, something about the tones of this particular photo make it really obvious.
I am using the latest version of Photoshop CS6 (creative cloud) on Max OSX
thanks so much!

I'm on windows find the bicubicsharper does not work well it the image being resized has been highly sharpened all ready. Because of my Photoshop preferences I had to make minor modification to your script. I'm also a bit colorblind so i don't see many color issues so I include a screen capture if what windows does with your image and script.
var orig_ruler_units = app.preferences.rulerUnits;
app.preferences.rulerUnits = Units.PIXELS;          // Set the ruler units to PIXELS
doc = app.activeDocument;
openFilePath = Folder.selectDialog ("Where do you want the images to be saved?");
maxSize = Number(prompt("What would you like to be the maximum length of the long edge? (Image is never upsized) (pixels)", 2800));
minSize = Number(prompt("What would you like to be the minimum length of the long edge? (pixels)", 100));
gap = Number(prompt("How much smaller should each image be? (pixels)", 100));
quality = Number(prompt("What quality would you like the JPG exported as (0-12)", 10));
var size;
var primary;
var secondary;
if(doc.width > doc.height){
          primary = doc.width;
          secondary = doc.height;
}else{
          primary = doc.height;
          secondary = doc.width;
var ratio = secondary/primary;
var size = [];
for(var i = maxSize;i>minSize;i-=gap){
          var p = i
          var s = i * ratio;
          size.push([p,s]);
var w;
var h;
var n;
for(var i in size){
          if(doc.width > doc.height){
                    w = n = size[i][0];
                    h = size[i][1];
          }else{
                    w = size[i][1];
                    n= h = size[i][0];
          if(doc.width.value >= w && doc.height.value >= h){
                    doc.resizeImage(w,h,null,ResampleMethod.BICUBICSHARPER);
                    jpgFile = new File(openFilePath+"/"+n+".jpeg" )
                    jpgSaveOptions = new JPEGSaveOptions()
                    jpgSaveOptions.embedColorProfile = false
                    jpgSaveOptions.formatOptions =
                    FormatOptions.STANDARDBASELINE
                    jpgSaveOptions.matte = MatteType.NONE
                    jpgSaveOptions.quality = quality
                    app.activeDocument.saveAs(jpgFile, jpgSaveOptions, true,Extension.LOWERCASE);
                    doc.activeHistoryState = doc.historyStates[doc.historyStates.length-2];
app.preferences.rulerUnits = orig_ruler_units;          // Reset units to original settings

Bizarre Lightroom image quality issue

I have a weird image quality issue with Lightroom, when opening RAW files (haven't tried it with any other file format, admittedly).
Here's an example of how the image appears in Lightroom. As an experiment, I exported the image as a TIFF and opened it in Gimp to see if it was just down to a display issue, but the exported TIFF showed the same quality issues as Lightroom. Aside from exporting as a TIFF (and then saving as a Jpeg), this image is SOOC:
<a href="http://www.flickr.com/photos/swisstony10/4912360565/" title="IMG_4134 by swisstony10, on Flickr"><img src="http://farm5.static.flickr.com/4093/4912360565_5891c0160f.jpg" width="333" height="500" alt="IMG_4134" /></a>
If I open the same image in Canon's own DPP software, this image quality issue does not occur, so I know that it's not an issue with the memory card, the camera, or my laptop's monitor. The SOOC image from DPP (exported as a Jpeg) looks like this:
<a href="http://www.flickr.com/photos/swisstony10/4912362053/" title="IMG_4134b by swisstony10, on Flickr"><img src="http://farm5.static.flickr.com/4116/4912362053_1ca92078c9.jpg" width="333" height="500" alt="IMG_4134b" /></a>
Has anybody else experienced this, and if so, is there a fix? (there had better be - I'm not going to be overly chuffed if my expensive Adobe software is being outperformed by the free stuff.. )
Russ.

This is proving to be an extremely helpful forum!
Thanks for the advice on embedding my calibrated colour space - I don't very often send files anywhere other than my own home network (where all the monitors are calibrated), and when I do upload any to Flickr, it's never caused a problem in the past (and if I get anything printed by a lab, I use their ICC profile). I'll definitely keep that all in mind though..
Here's the original RAW file of the image I used as the example https://www.yousendit.com/download/aHlUa3ZONmNFd2Z2Wmc9PQ - I hope that helps someone to shed some light on what's going wrong. From what you've said though, it does look as if this is just an extreme example of something that Lightroom isn't very good at doing.
As I said in my original post, it'll be a bit disappointing if that's the case though, because a fair amount of the pictures I take tend to be of bands playing in what are, let's face it, diabolical conditions for photography. (At the festival I was attending at the weekend for example, all of the photographers - even the seasoned pros - were moaning about how awful the lighting was in the Big Top, and how much it sucked to try and get a decent picture there, as opposed to the main stage where everybody wasn't completely backlit by either red or purple lights. I appreciate that Lightroom is a much more powerful tool than Canon's DPP - the noise reduction controls on their own completely rock - but I must admit I'm a bit surprised that it can't handle highlights terribly well...

Wacky image sequence issue - flickers

Hi guys,
I've created a simple 2 image sequence I wanted to play through at the top of my DPS document - but when I preview the article (on both desktop, iphone and ipad) the image sequence fails..
I took a quick screencap to show what Im going.
DPS Image Sequence issue - YouTube
Any advice?

For a two-image effect, I would use a slideshow instead of an image sequence. Not sure what's causing the flicker.

[svn:osmf:] 14713: Fixed preloader issue with work around.

Revision: 14713
Revision: 14713
Author:   [email protected]
Date:     2010-03-11 12:44:27 -0800 (Thu, 11 Mar 2010)
Log Message:
Fixed preloader issue with work around.   Underlying flash player bug filed. https://bugs.adobe.com/jira/browse/FP-4114
Ticket Links:
    http://bugs.adobe.com/jira/browse/FP-4114
Modified Paths:
    osmf/trunk/apps/samples/framework/ExamplePlayer/org/osmf/examples/AllExamples.as

Thanks Very much for the reply.
This issue came to development (we) through Support team only. Did you mean DB Team Support?.
Also please let us know about the workaround suggested by DB Team.
Thanks in advance.
Joseph George

Image Persistence - Image Retention issues - iMac

Hello everyone. When is Apple going to fix all the image retention issues, or as Apple would call it image persistence? I find it to be horrendous that Apple is calling this "normal". There is nothing normal about having an image ghosted or stuck on your display. I hope Apple gets with LG on this and fixes these issues because a fix is long overdue. This has been plaguing iMacs for years now. I have had 2 iMacs in a row that have had this issue straight out of the box. Can anyone tell me why some IPS displays do this and others do not? Is this because Apple is buying junk from LG?
Have a look at these pages:
http://forums.macrumors.com/showthread.php?t=1853972
https://youtu.be/x2dafvZZC7Y

Image persistence on Apple displays:
http://support.apple.com/kb/HT5455
Apple say this about LCD screen burn in:
http://support.apple.com/kb/HT2807
which includes suggestions for curing that effect.
Alternatively:
How to fix screen burn and/or stuck pixels on an LCD monitor:
JScreenFix
http://www.jscreenfix.com/basic.php

Spry Image Slideshow issue in IE8 - Another Error

I looked at the other discussions pertaining to Spry Image Slideshow issues. The slideshow works well in Firefox but I'm getting an error in IE 8 .
https://www.devens.army.mil
Webpage error details   from SpryDOMEffects.js, line 389
Spry.Effect.CSSAnimator.stylePropFuncs["default"] = {
    get: function(ele, prop)
        return ele.style[prop];
    set: function(ele, prop, val)
        ele.style[prop] = val;                       (line 389)
Thank you for any help you can provide.

I've noticed that you fixed the problem can you tell me how to fix it?
having same problem here

Image burn issue

Hi all, I am having the image burn issue on my sony vaio duo 11 like. Please check the following link for the images. In my case the burn is visible when the background is grey and I work in the desktop mode for some time. I request your feedback and help in solving this issue. http://bit.ly/11FTG08 [with comments] See the bottom. You can see Windows notification area there   You can clearly see a white navigation bar of google chrome which is opened in the desktop mode
  I have taken all of these pictures with my mobile camera which is 3 years old. Otherwise the imageburn is very clear and distinct to me. Best regards,Naveen.

kamesh419,
This is working as intended. It is the transparent function of Aero. If the user switches back to desktop view, you can see some of the Start Menu background. This is not a burn in issue.
If you want you can turn off Aero and the transparent image will go away both in the Start Menu and also from the Desktop view.
Turn off Aero
1)      Go to the Start Menu
2)      Type Computer
3)      Right click on Computer and select properties
4)      Click on Advanced System settings
5)      Select Settings under Performance
6)      Select “Adjust for best performance”
7)      Click apply and ok.
kamesh419 wrote:
Hi all,
I am having the image burn issue on my sony vaio duo 11 like. Please check the following link for the images. In my case the burn is visible when the background is grey and I work in the desktop mode for some time. I request your feedback and help in solving this issue.
http://bit.ly/11FTG08 [with comments]
See the bottom. You can see Windows notification area there
You can clearly see a white navigation bar of google chrome which is opened in the desktop mode
I have taken all of these pictures with my mobile camera which is 3 years old. Otherwise the imageburn is very clear and distinct to me.
Best regards,
Naveen.

Image insert issue help

I created a simple html page in DW CS3. I inserted an image i plan just to use as an add on this page. The image is 4600 pixel long. Only half of it shows up on my page but the whole thing shows up fine when testing it via DW.. Please help.
Page Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HolidayMiniSessions</title>
<style type="text/css">

</style>
</head>
<body>
<div align="center">
<p><img src="HOLIDAYMINIJENEPHOTOGRAPHY2012.jpg" width="1008" height="4642" /></p>
<p> </p>
<p> </p>
<div id="apDiv1">
    <p class="style1"><a href="www.jenephotography.com">WWW.JENEPHOTOGRAPHY.COM</a></p>
    <p class="style1">407-430-8986 EMAIL:<a href="mailto:[email protected]">[email protected]</a></p>
</div>
<p>   </p>
</div>
</body>
</html>
But the DIV is still visible..its confusing me.. WHATS WRONG.. Please help
HERE IS LINK TO PAGE THAT IS CUTTING OFF
http://www.jenephotography.com/addpages/HolidayMiniSessions.html

Yes, I see that the image on your server itself is cut in half. Maybe a timeout issue when you're uploading from Dreamweaver. Try Filezilla. Has a better timeout for ECONN uploads.
To add to John's solution, if a normal upload in Filezilla doesn't work, try doing an ASCII mode upload in Filezilla. This has proven to be a common fix to most image upload issues.
Also, I'd recommend you normalize your filename - use lowercase only and please please please replace spaces with underscores _ or hyphens -

Image Gallery Issue in As3

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,
                     Sreelash

Hi 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

Creating MP4 Videos from Images - Resolution Issue

Currently I am using the Media Foundation SDK to convert Images to a H.264 video using the following example from Microsoft.
https://msdn.microsoft.com/en-us/library/windows/desktop/ff819477(v=vs.85).aspx
I have encountered an Issue when adjusting the MF_MT_FRAME_SIZE of the media type object used for input, it would seem that if the resolution is higher then monitor the computer is connected to the call to SetInputMediaType for the IMFSinkWriter object
returns an HRESULT error code 0xc00d36b4. The only differences in my code from the example is the following constants defined at the top.
const UINT32 VIDEO_WIDTH = 2048;
const UINT32 VIDEO_HEIGHT = 1088;
const GUID VIDEO_ENCODING_FORMAT = MFVideoFormat_H264;
Any help in the matter would be appreciated.

@Loki_
What if you use the preloaded file commander?
"I'd rather be hated for who I am, than loved for who I am not." Kurt Cobain (1967-1994)

Image preload issue

Similar Messages

Maybe you are looking for