Image Carousel jumps

Similar Questions

• Create Image Carousel of the App World of BB

  Hi, what is the most simple/better approach to achieve an Image carousel as that of the BB World apps proposed carousel?

  Any idea?

  Thank you!!!

  ListView has a horizontal property, however if you want to write your own routine in the onToucvh and the elements to move and resize independently of its best to use containers with animations.

• Can I create a slide show of slider/image carousel with the possibility for the links and the widths of the image to an Adobe program variable and then place in Muse

  Hello

  I really hope someone can help me with a project that led to drive me to despair.

  I'll put up an online art gallery, last year, I used Wix to create a site (explorersglobalfineart.com). Initially, I thought it was a good idea that I could build the mobile site with the site of the office. It turns out that features model are appalling and every time I add a new page I have to reinstall everything on the mobile site.

  In the last month, I've searched Adobe Muse. I started to build the site map and added to the artist page, but there are pages on the current site which have a slider carousel with the possibility for widths of the variable image and links that I cannot emmualte in Muse - http://www.explorersglobalfineart.com/#! Asia/cfvg

  Is there an Adobe program that I can use to create a cursor image carousel with the ability to tie and use images with varying widths which is compatible with Adobe Muse?

  Thank you very much

  Rebecca

  You can try this:

  http://musewidgets.com/products/carousel-Gallery-Widget

  Thank you

  Sanjit

• help with image carousel

  I had this script for a controlled xml image carousel. It works really well, I just need to tweak it a bit so he could work as I want.

  I want to place the carousel in a certain area of the film. Is the only setting I see control where ' var floor: Number = 20; "but this only controls the vertical position. I need to check the horizontal position, now that he's just focused. See "xpos3D", I don't know what to do.

  I also want to keep to appear outside the frames I want it to appear. Now when I put the script in the film he appears in each image. How do I get it appear in some images of the film?  When I put "stop();" at the end of the keyframe it still shows in the frames after him.

  The last thing I need is to position the animation above the other layers.  At the moment, it appears below all other layers in the film.

  I don't know what parts to change this then of course I don't know what parts of post, it is why I write all this (hope I post code correctly, my first post).

  
  Tips on how to accomplish one of these very appreciated!

  //We use 70x70 sized images (change this if different for your images)
  const IMAGE_WIDTH:uint = 70;
  const IMAGE_HEIGHT:uint = 70;
   
  //Set the focal length
  var focalLength:Number = 400;
   
  //Set the vanishing point
  var vanishingPointX:Number = stage.stageWidth / 2;
  var vanishingPointY:Number = stage.stageHeight / 2;
   
  //The 3D floor for the images
  var floor:Number = 20;
   
  //We calculate the angleSpeed in the ENTER_FRAME listener
  var angleSpeed:Number = 0;
   
  //Radius of the circle
  var radius:Number = 200;
   
  //Specify the path to the XML file.
  //You can use my path or your own.
  var xmlFilePath:String = "3D-carousel-settings.xml";
   
  //We save the loaded XML to a variable
  var xml:XML;
   
  //This array will contain all the imageHolders
  var imageHolders:Array = new Array();
   
  //We want to know how many images have been loaded
  var numberOfLoadedImages:uint = 0;
   
  //The total number of images according to XML file
  var numberOfImages:uint = 0;
   
  //Load the XML file.
  var loader = new URLLoader();
  loader.load(new URLRequest(xmlFilePath));
   
  //We call the function xmlLoaded() when the loading is complete.
  loader.addEventListener(Event.COMPLETE, xmlLoaded);
   
  //This function is called when the XML file is loaded
  function xmlLoaded(e:Event):void {
   
       //Create a new XML object from the loaded XML data
       xml = new XML(loader.data);
       xml.ignoreWhitespace = true;
   
       //Call the function that loads the images
       loadImages();
  }
   
  //This function loads and creates holders for the images specified in the 3D-carousel-settings.xml
  function loadImages():void {
   
       //Get the total number of images from the XML file
       numberOfImages = xml.number_of_images;
   
       //Loop through the images found in the XML file
       for each (var image:XML in xml.images.image) {
   
            //Create a new image holder for an image
            var imageHolder:MovieClip = new MovieClip();
   
            //Create a loader that will load an image
            var imageLoader = new Loader();
   
            //Add the imageLoader to the imageHolder
            imageHolder.addChild(imageLoader);
   
            //We don't want to catch any mouse events from the loader
            imageHolder.mouseChildren = false;
   
            //Position the imageLoader so that the registration point of the holder is centered
            imageLoader.x = - (IMAGE_WIDTH / 2);
            imageLoader.y = - (IMAGE_HEIGHT / 2);
   
            //Save where the imageHolder should link to
            imageHolder.linkTo = image.link_to;
   
            //Add the imageHolder to the imageHolders array
            imageHolders.push(imageHolder);
   
            //Load the image
            imageLoader.load(new URLRequest(image.url));
   
            //Listen when the image is loaded
            imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);
       }
  }
   
  //This function is called when an image is loaded
  function imageLoaded(e:Event):void {
   
       //Update the number of loaded images
       numberOfLoadedImages++;
   
       //Set the bitmap smoothing to true for the image (we know that the loader's content is a bitmap).
       e.target.content.smoothing = true;
   
       //Check to see if this is the last image loaded
       if (numberOfLoadedImages == numberOfImages) {
   
            //Set up the carousel
            initializeCarousel();
       }
  }
  
  //This function is called when all the images have been loaded.
  //Now we are ready to create the 3D carousel.
  function initializeCarousel():void {
   
       //Calculate the angle difference between the images (in radians)
       var angleDifference:Number = Math.PI * (360 / numberOfImages) / 180;
   
       //Loop through the images
       for (var i:uint = 0; i < imageHolders.length; i++) {
   
            //Assign the imageHolder to a local variable
            var imageHolder:MovieClip = (MovieClip)(imageHolders[i]);
   
            //Get the angle for the image (we space the images evenly)
            var startingAngle:Number = angleDifference * i;
   
            //Position the imageHolder
            imageHolder.xpos3D = radius * Math.cos(startingAngle);
            imageHolder.zpos3D = radius * Math.sin(startingAngle);
            imageHolder.ypos3D = floor;
   
            //Set a "currentAngle" attribute for the imageHolder
            imageHolder.currentAngle = startingAngle;
   
            //Calculate the scale ratio for the imageHolder (the further the image -> the smaller the scale)
            var scaleRatio = focalLength/(focalLength + imageHolder.zpos3D);
   
            //Scale the imageHolder according to the scale ratio
            imageHolder.scaleX = imageHolder.scaleY = scaleRatio;
   
            //Set the alpha for the imageHolder
            imageHolder.alpha = 0.3;
   
            //We want to know when the mouse is over and out of the imageHolder
            imageHolder.addEventListener(MouseEvent.MOUSE_OVER, mouseOverImage);
            imageHolder.addEventListener(MouseEvent.MOUSE_OUT, mouseOutImage);
   
            //We also want to listen for the clicks
            imageHolder.addEventListener(MouseEvent.CLICK, imageClicked);
   
            //Position the imageHolder to the stage (from 3D to 2D coordinates)
            imageHolder.x = vanishingPointX + imageHolder.xpos3D * scaleRatio;
            imageHolder.y = vanishingPointY + imageHolder.ypos3D * scaleRatio;
   
            //Add the imageHolder to the stage
            addChild(imageHolder);
       }
   
       //Add an ENTER_FRAME for the rotation
       addEventListener(Event.ENTER_FRAME, rotateCarousel);
  }
  
  function rotateCarousel(e:Event):void {
   
       //Calculate the angleSpeed according to mouse position
       angleSpeed = (mouseX - vanishingPointX) / 4096;
   
       //Loop through the images
       for (var i:uint = 0; i < imageHolders.length; i++) {
   
            //Assign the imageHolder to a local variable
            var imageHolder:MovieClip = (MovieClip)(imageHolders[i]);
   
            //Update the imageHolder's current angle
            imageHolder.currentAngle += angleSpeed;
   
            //Set a new 3D position for the imageHolder
            imageHolder.xpos3D=radius*Math.cos(imageHolder.currentAngle);
            imageHolder.zpos3D=radius*Math.sin(imageHolder.currentAngle);
   
            //Calculate a scale ratio
            var scaleRatio = focalLength/(focalLength + imageHolder.zpos3D);
   
            //Scale the imageHolder according to the scale ratio
            imageHolder.scaleX=imageHolder.scaleY=scaleRatio;
   
            //Update the imageHolder's coordinates
            imageHolder.x=vanishingPointX+imageHolder.xpos3D*scaleRatio;
            imageHolder.y=vanishingPointY+imageHolder.ypos3D*scaleRatio;
       }
   
       //Call the function that sorts the images so they overlap each others correctly
       sortZ();
  }
   
  //This function sorts the images so they overlap each others correctly
  function sortZ():void {
   
       //Sort the array so that the image which has the highest 
       //z position (= furthest away) is first in the array
       imageHolders.sortOn("zpos3D", Array.NUMERIC | Array.DESCENDING);
   
       //Set new child indexes for the images
       for (var i:uint = 0; i < imageHolders.length; i++) {
            setChildIndex(imageHolders[i], i);
       }
  }
   
  //This function is called when the mouse is over an imageHolder
  function mouseOverImage(e:Event):void {
   
       //Set alpha to 1
       e.target.alpha=1;
  }
   
  //This function is called when the mouse is out of an imageHolder
  function mouseOutImage(e:Event):void {
   
       //Set alpha to 0.3
       e.target.alpha=0.3;
  }
   
  //This function is called when an imageHolder is clicked
  function imageClicked(e:Event):void {
   
       //Navigate to the URL that is in the "linkTo" variable
       navigateToURL(new URLRequest(e.target.linkTo));
  }
  
  
  

  When you load dynamically the content in a bar planning, this content is not a frame to call home in the chronology of the tht unless load you it into an object that is bound to an image.  Then you can try to wrap this code in a movieclip who lives in a specific image.  You may need to adjust the code for this scenario well.  If it works, you can control the location of the carousel by changing the location of the movieclip.

• Image carousel

  Hi guys,.

  Can someone help me create an Image carousel...

  Please Urgent...

  I have attached the capture for the display model...

  Thanks and greetings

  Kamal

  Your image is locked, so we don't know what you intend.  See if what follows is what you're after: http://www.gotoandlearn.com/play?id=32

• Stop rounding image carousel

  Hello world

  I use jdev 11.1.1.7

  I use a component carousel to display pictures and I show in an editable page, in some cases I should stop rounded carousel. I mean when the user to turn another image in the carousel, the focus should not go to the new image (the carousel is not round) and still remains on the previous image. I wonder if it's possible.

  Kind regards

  Habib

  Tried with disabled property?

• How can I remove a white space between the top of the navigation bar and image carousel?

  I've created two different versions of a page, with a fixed navigation bar to the top

  Welcome to Warfield Park

  and the other with a default navigation bar.

  Welcome to Warfield Park

  I used images of different heights to compare how they make.

  I don't see how to remove the white band between the default navigation bar and pictures of carousel in the second version.

  I tried out myself, but I don't see what the problem is. I'm sure someone very smart out there tell me!

  Add the following code to your custom dtylesheet

  {.navbar}

  margin-bottom: 0;

  }

• Achieve an image without jumping

  Hello! I have a button and a loop of MoveClip.

  It is possible that if I press the button, it allows the finishing docs and then to the next frame or stops?

  This is my code:

  on (release) { movieclipname.gotoAndStop(120) }

  
  

  But this happening to the 120th framework, what I need is "read the rest of the frames and stop at the last image (120).

  Here's my project if you want to take a look: https://www.dropbox.com/s/t68vde8qoc...Utton.fla?DL=0

  I want to use it on a graphic adventure game.

  Thank you very much!

  If the goal is to wrap the animation until the button is clicked then the button code must define a variable for a conditional control in the last picture.

  var stopNow = false;  in the first frame of the timeline

  On (Release) {stopNow = true ;}  for the button

  in the last picture of the scenario...

  {if (stopNow)}

  Stop();

  }

  You should try to get away by using the code 'on' objects.  You must assign an instance name to the button and keep the code in the timeline panel instead of placing the button.  In this way, your code is easier to find in the same place.  The version of the chronology of the code would be...

  btnName.onRelease = function() {/ / btnName is replaced by the name you use}

  stopNow = true;

  }

• Image carousel does not

  Hi all

  I'm moving some pages form one model to another and the slider has stopped working. I made sure the JS files are linked to it, the JS code is in the page and the css has been copied through.

  The link to the page I am moving is: http://proludic.co.uk/Funding.htm

  The test page, I have installed is: http://proludic.co.uk/Funding_copy.htm

  If someone can point me in the right direction, I would be very grateful.

  Kind regards

  Asad

  There are a few things going wrong here...

  1. your item '#slider' does not exist that you invoke the easyslider() plugin-is currently your cursor on an element '#slider - page' so you should probably change this element to have an id of "slider" instead of the "slider" page

  2. you call multiple versions of jquery. In your original site you are simply using jquery 1.4 but in your test page, you use the 1.4 and 1.8.3 and Additionally, you include the 1.8.3 version of jquery at the beginning of the BODY element instead of in the HEAD element.  You should only use a library jquery instead of two, and you can also consider to use 1.8.3 instead of 1.4 but just beware that 1.8.3 may not work with your plugin simple slider if the plugin is old and uses jquery methods which are deprecated and deleted more recent versions.

  Try this... find this tag in the HEAD of your page template element:

  And replace with:

  Then find the code above references and delete them from the beginning of the BODY element after their in the HEAD element in the previous step (replacement of jquery 1.4).

  See if it works.

• Distorted images of bootstrap carousel

  Hi people,

  I try my hand at creating a sensitive site of bootstrap using the CSS of the carousel. http://arrowtownlodge.co.nz/new/carousel.html.

  Unfortunately, the images are too wide stretch. Is there a way to make them display in the right proportion? I did a lot of reading on this and tried a few suggestions around width/height classes, but either the pictures stay is extended or the entire carousel disappears.

  Thanks in advance for advice on this issue.

  JO

  There was a constraint of 500px; been on the height of the image/carousel. The normal action of the carousel is to keep the aspect ratio / the same at all times, which means that, for a narrower screen sizes, the image will be shorter than for larger screen sizes.

  I was not able to find the constraint of 500px, this is not a default value that's why you have put there.

• Randomly to jump to an image only once

  Flash CS4

  AS2

  Good afternoon!

  I was wondering if someone could help me understand how to accomplish my task at hand.

  I have a .fla with 32 frames in it, an open framework, a narrow frame and a Bank of 30 images between the two.  I want to implement some AS so that once that the user clicks on a button 'Next' on the first image, it jumps randomly to other executives within the Bank of 30.  Then, when they get to this image and view the content and click Next, they'll jump at random to the other remaining managers.  It will not be possible for 20 images, after the 20th light frame, I want the button 'Next' to take them to the last slide in the series.  The aim is so that whenever a user program view (s), it is never the same (probably not always the same)- so they will see all 20 different images in a different order.

  I guess I could do it with tables and some if/else instructions, math.random method...

  Any more precise help would be amazing, like a real put code in place.

  Thank you!

  You can use:

  var frameA:Array = [];

  for (var i: Number = 2; I have<>

  frameA.push (i);

  }

  Shuffle (frameA);

  var: index number = 0;

  {nextBtn.onRelease = function ()}

  {if(index>20)}

  gotoAndStop (32);

  } else {}

  gotoAndStop (frameA [index]);

  }

  index ++;

  }

  function shuffle(a:Array):Array {}
  var len:Number is. Length-1;
  for (var ivar:Number = len; ivar > = 0; ivar-) {}
  var p:Number = Math.floor (Math.random () *(ivar+1));
  var t = a [ivar];
  a [ivar] = a [p];
  a [p] = t;
  }
  return a;
  }

• How to display all the other images in the image indicator

  Hi all

  I use IMAQ for capture and record high freq and images high resolution. I have an indicator of image directly from 'Image Grab acquire'. Thus, the indicator image displays images at very high frequency too. To display frames, but not necessarily all alone (enough so that the operator can see what's happening). So, I wonder how I can view, say all the other images (for example all the odd/even number of images), or jump on two and show the third?

  Any help will be appreciated!

  Thank you!

  Wenlong

  Here are some general observations.

  • Image acquisition is "a horse of a different color" - in contrast to many other I/o devices, the memory containing the data (here called the "buffer") is handled by the driver and is not directly available for LabVIEW.
  • I'm guessing that you are using hardware OR video, because you use the IMAQ functions (I used only IMAQdx).  Is this true?  What camera do you use?
  • The (probably) "Awakenings" IMAQ extraction buffer herself to the camera (I say 'probably' because I don't know the hardware you use).  This means that While the loop containing it will work at the rate of the camera images (so you can easily calculate the frame rate, as your example code).

  This looks like a routine NI Demo, so I think that you don't have much experience with the treatment of Vision.  If you have a lot of other LabVIEW experience, you should be able to make the leap to the vision, once you have the idea of the functioning of the buffers.  Unfortunately, there isn't much in the way of tutorials and white papers on Vision than on other subjects of LabVIEW.

  Yes to your question - how to view every Nth frame.  This is the loop key (which arises directly from your code):

  

  As menioned above, this routine is 'clocked' by the function of extraction buffer.  What you do to display each image is th is to place control of the Image inside something like a Case statement that "triggers" each nth time.

  Here is a version of 'Nth' of the loop above (details omitted)-

  

  We always roll the filling of each buffer with a frame loop.  But we then use the whole function divide to select the nth image (those who have a remainder of 0 when i is divided by n-th) and of the 'image' line (it does not really an image) for 'Image' control, with the other case being "Default" (for all the other Valentine go) and nothing inside.  Thus each nth time in this loop, the output of the extraction buffer is the wire to an Image (and displayed), the other N-1 times the thread is going nowhere.

  Bob Schor

• How to adjust display image horizontal display

  everytime I turn on my labtop, the image would jump to display vertically and not horizontally, which is the setting of display image of normal labtop, what key I have by mistake, press

  High graphics most of range, the cards are equipped with display rotation built in and adjustable via display properties or via the display properties of the display icon in the Notification area (to the left of the system clock).  It is a nice feature if you want to read things more like a book on your laptop, etc.

  Some examples would be ATI, NVIDIA, Intel, Matrox, S3, XGI...  These adapters can be integrated into your system, and not always his own card.

  This phenomenon of rotation screen sometimes inadvertently some keystrokes (the cat walked on my keyboard).

  Pressing on the keys Ctrl-Alt top/arrow down arrow rotates screen 90 degrees at a time for some graphics (like NVIDIA) cards

  If this does not work, we will need to know your system brand and model and see if we can look at the rotating screen for you shortcut keys.

• create a carousel of world BB

  Hi, what is the most simple/better approach to achieve an Image carousel as that of the BB World apps proposed carousel?

  Any idea?

  Thank you!!!

  The easiest way is probably to create a horizontal list, fill it with images (probably with a rendering of the custom element), then scroll programmatically by using the scrollToIndex() method every few seconds.

  Another method, in simple Flash, would be to create a Sprite, add pictures to this sprite, and then animate the scrollRect property. If your sprite's width less than full screen, you need to hide it. You will also need to manage drag/drag, if you want your ride to be interactive that way.

  Simple Flash is potentially faster, because it would contain less overhead, but do not forget that considerable efforts have been set UI of BB to optimize it for the device. If you don't know exactly what you are doing, it is probably best to use BB controls. But for simple things, approach of the ether is probably fine.

• Jumping on the screen buttons?

  Hello newbie here.

  I currently use the next button to continue action and I would change when I start my project redesign.

  However, when I simply move the object to another part of the screen or change the image it jumps around and I can't click on it even when the audio clip has stopped. I has not changed anything in the calendar, just the photo and position.

  

  

  How can I stop this from happening? I have several slides and I would like to change the buttons eventually. Thank you

  If it comes to Captivate 9, your problem may be related to the States of the objects.  Have you applied the patch?