Left/right keys for slide show

Hello.

I have this slideshow and I need the code for the left and right buttons. The problem is that each symbol (elements of slide show) on the show have their own fade in and fade out. When I click the left/right buttons, they play the symbol showing currently fade and fade the symbol that follows. I tried to adapt the code of this other post that TimJaramillo help me with but... I'm not a savy Javascript/JQuery and it is not a simple thing.

Here's the code that they tried to adapt:

// Section options settings
// Setting variables and arrays
var currentOption = null; // Index in array_options: 0=a, 1=b, 2=c, 3=d
var requestOption; // Index in array_options: 0=a, 1=b, 2=c, 3=d
var array_options = ["option1a_venhoDeOutraIgreja", "option1b_sintoMePerdido","option1c_queroConhecerEsseJesus", "option1d_naoAcreditoEmDeus"];
var array_optionsBtns = ["sectionOption1a_Btn_venhoDeOutraIgreja", "sectionOption1b_Btn_sintoMePerdido", "sectionOption1c_Btn_queroConhecerEsseJesus", "sectionOption1d_Btn_naoAcreditoEmDeus"]
// Called by timeline.complete/timeline.speclocation event at end of each Option
sym.playRequest = function(){
  sym.getSymbol(array_options[requestOption]).play("lead_in");
  currentOption = requestOption;
}
// Called on button click
sym.btnClick = function(request) {
  requestOption = request;
  if(currentOption !=null){
    sym.getSymbol(array_options[currentOption]).play("lead_out");
    sym.getSymbol(array_optionsBtns[currentOption]).play('option_exit');
  }
  else{
    sym.playRequest();
  }
}

Stadium / compositionReady

sym.getComposition().getStage().playRequest();

Symbols of fade in/fade out -"default timeline / full

sym.getComposition().getStage().btnClick(0,1,2,3); // 0,1,2,3 index of array = a,b,c,d

Buttons -"click on

I also need that, the first time the slide show appears, it automatically plays the first element (1 only the).

And here is a schematic representation of what I want:

Schematic Control buttons (left-right or up-down).jpg

And my ZIP files of project edge.

Pedro

Hi Pedro,

Edit: I just saw that you want the first slide to AutoPlay. You should be able to modify my code to make this happen. If this is not the case, let me know. I also just saw that you want the slide show loop after that the user gets to the far right. It is a simple tweak as well. Let me know if you need help with that.

Here is an example of work for you. Click the right arrow to display the first slide. Then, click on left or right to display the previous/next slides.

www.timjaramillo.com/code/Edge/pedro_test/option2b_quemTrabalha.html

Source:

www.timjaramillo.com/code/Edge/_source/pedro_test.zip

Most of the code is similar to a simple image gallery. But since you want to wait outro animations at the end, it's a little trickier. I had to add vars to track the current request and anims.

Stage.compositionReady code pasted below:

// vars -----------------------------------------

Section options settings

Tables and definition of variables

var currentOption = null; Index of array_options: 0 = a, 1 = b, 2 = c, 3 = d

var requestOption; Index of array_options: 0 = a, 1 = b, 2 = c, 3 = d

var array_options is ['option2b_quemTrabalha_1_presbiterio', 'option2b_quemTrabalha_2_musica', 'option2b_quemTrabalha_3_multimedia'];.

var array_optionsBtns = ["sectionOptions_article_SlideBtnRight", "sectionOptions_article_SlideBtnLeft"]

trackIndex var = null;

// funcs -----------------------------------------

sym.onClickLeft = function() {}

If (trackIndex > = 1) {}

-trackIndex; / / decrement, index

sym.initArticle (trackIndex);

}

}

sym.onClickRight = function() {}

first time

If (trackIndex == null) {}

init first obj (array index starts at 0)

trackIndex = 0;

sym.initArticle (trackIndex);

} ElseIf (trackIndex< array_options.length-1="">

trackIndex ++; / / increment the index

sym.initArticle (trackIndex);

}

}

sym.initArticle = {function (request)}

requestOption = request;

If (currentOption! = null) {}

.play ("lead_out_from_left") sym.getSymbol("option2b_quemTrabalha").getSymbol (array_options [currentOption]);

}

else {}

sym.playRequest ();

}

}

Called by the event of timeline.complete/timeline.speclocation at the end of each Option

sym.playRequest = function() {}

.play ("lead_in_from_left") sym.getSymbol("option2b_quemTrabalha").getSymbol (array_options [requestOption]);

currentOption = requestOption;

}

});

Tags: Edge Animate

Similar Questions

  • How can I change the symbols of meter for slide show templates in Muse?

    How can I change the symbols of meter for slide show templates in Muse? Currently, they are obviously normal text characters. So, how can I change the filled circles, for example?

    Hello

    If I not mistaken, you want to change the style, ect of the navigation in a slide show arrows. To do this, double-click the arrow. The container of the arrow is highlighted. You can then use the fill option and use the rounded corners option. You can use all the picture with her fill option.

    Please let me know if I'm missing something.

    Kind regards

    Aish

  • Graphic framework for slide show prevents the visibility of the ToolTip

    I created a graph simple png with a transparent Center that I placed my image slideshow behind in a page of Muse.

    However, this meant when hovered over the cursor treats the graph as priority (despite the transparency) and ignores images showing well and their subsequent info ToolTip.

    I wondered how we could create a graphical border for a slide show of images still do not lose the ToolTip text?

    As Muse has such limited graphic design means slide show normal borders are very limited within the Muse so why I created a separate chart and imported.

    Thank you

    It is not possible and has nothing to do with the Muse. It is a normal thing in the hierarchy and how browsers determine interaction based on the limits of the 'object', not the transparency pixel.  Your approach is simply not ideal and you must find a different widget that handles this natively.

    Mylenium

  • My 4 Lightroom displays only a piece of music for slide show.

    I want to use several pieces of music for a slide show. Lightroom 4 allows me only a track. I need 6?

    2.35 minutes of music is therefore enough for about 22 images (about 7 seconds per image). If you use a lot of images more then the piece of music is still not long enough.

    I forgot how LR5 (I have installed LR6) control his piece of music, but the closure can be expected. The answer would be to build a piece of music that lasts the entire length of your slide show (based on the time you was not on the screen). Audacity can insert audio silence will follow when necessary. When you have enough music for 'time' in the show there is an option to 'Fit to Music' that changes the duration of the slides so that the track ends by the last slide. You need to be creative with audio editing.

    I use DVD - R Verbatim discs and never had a problem. For playback on the computer, I create mp4 files.

  • Presets for slide show

    I will produce a slide show of digital photos. I burn on DVD standard, once completed.

    Should what predefined sequence I set up for my project?

    Thank you

    SD DV is the easiest.

  • adding music to iTunes for slide show

    I can't understand how to add music to a slide show of pictures of my iTunes library. I can't find the album, but the songs are not highlighted and can't be selected in program pictures. I tried to keep iTunes open and also tried to download music on the cloud, but nothing helped.

    In slide show mode, click music and then select iTunes. Find the track (s) you want to add and click on them.  When the track turned to the blue and a blue checkmark next to him you will know that it is selected and it will appear at the top under the music chosen:

  • Slide show 100% width - Image to file at the top of the container for slide show

    I would use a slide show width 100%, in the image of tank in proportion and have the image itself axis to the top of the container, as it is resized. Currently, the behavior is that the image is resized the center of the culture of the top of my images. I would have rather high pin and let the low get cropped as increases the width of the browser.

    Any code Add ' l, I can add to make this happen?

    Thank you!

    Hi Josh,.

    Would not be possible in the slideshow, you can try using the composition where you can fill out the image in the target window and choose the placement of the image but the width of 100% is not available in the compositions.

    Kind regards

    Akshay

  • Add audio comments for slide show

    I would like to add audio comments to a slideshow, no music.  Need to have the audio to be synchronized with the slide show. I use Apple hardware.

    Thank you, Alexander.

  • problem with combining the fade crossed with zoom preset (for slide show)

    I'll put together a slideshow of photos of digitized weddings. I am new to first Elements 8, so I run a test with only 7 photos in the slideshow.

    I applied a melted transition between each photo, and I also applied a predefined effects called "zoom at 640 x 480. I applied the zoom preset to each photo. The problem is, when I look at the video avi rendering, that zoom does not begin until the cross dissolve ends. Whenever a new picture appears, there is a slight delay before the start of the zoom. My goal is to have a zoom that starts the moment see every photo, not with a delay. I think that the cross fader is the origin of the problem, because when I made the video without this transition, the zoom works the way I want what it (starting with the first image of each photo).

    The video that I have attached show what I mean. There is a hesitation at the beginning of each picture. (Ignore the points colored... they just used as part of another test)

    Thanks a lot if you have any tips!

    Lisa

    This will happen when you add the preset before adding the transition. (Because the transition extends the duration of the a second).

    The simplest solution is to adjust the keyframing a bit, dragging keyframes of the movement to new beginning or end of your clip. To do this, right-click on each photo and select Properties, then open the properties keyframing chronology for the movement and adjust the points of keyframing.

    The tuturials on keyframes and, more specifically, my free article on 'basic Keyframing", at Muvipix.com will help you learn the basics of creating keyframes.

  • How to change the text to a symbol for slide show

    Hello, Newby here. I did the lesson 5 in Adobe Edge animate Classroom in a Book and everything was going well up to a point. When I change the text for the drop symbol moreinfo , it replaces the text for all slides. How to make the individual text to every slide? The book does not explain this. Thanks much for any help.

    redesign, thank you. I was able to work around my schedule and a bit of tinkering... all is good now. Thanks for your help.

  • How can I Solo the left/right speaker for audio files?

    Hello

    I would like to know if it is possible to have an audio file, no matter what kind, stereo, mono, .mp3, .wav, etc. and make only out right, or right speaker left speaker. I use Adobe Premiere Pro Cs6.

    Thank you!!

    Use the Pan or balance effect on the clip.

  • Java threading for slide show picture

    Hi, I am a newbie in developing Blackberry app...

    can someone help me, how to create a slideshow of image using Java thread?

    I'm really naïve on this subject

    Thank you

    Well done - you are not such a newbie!

    Maybe I'm missing something...

    public void run() {}

    While (true) {}
    for (i = 0; i< 6;="" i++)="">

    }

    }

    }

  • Adding PayPal button for slide show

    Hello world!

    I did a simple Web site for my wife, who is an artist. I made pages represent the portfolio pages, so that each page is a different selection of images and I used the miniature slideshow widget to make pages with. So far so good.

    Now, however, we want to add the ability for viewers to buy photos out of the site. I tried dragging a Pay - pal button off the coast of the 'Social' in the library of Widgets section and it works, except that it does not change its details when another image is selected. In other words, I put in place for the image one, but when I click on the thumbnail of the image two, the Pay - pal button does not change to reflect the details of the new image. Does anyone know if it is possible to do?

    I tried to 'Place' button in the text of captions, but I can't do it, it doesn't seem to work, he seems to expect a picture only.

    Please can someone tell if its possible to do - if so, how?

    Thank you very much,.

    Brian

    Hi Brian,.

    If you want to place an individual Paypal Button for each image then I suggest you use the ToolTip for the same Composition. You would need it behaves like a slideshow in the customization options.

    You can place an individual Paypal Button in each target with the picture and you can convert triggers to thumbnails by changing its properties.

    Kind regards.

  • What are the itunes for slide show places in iphoto?

    The music that comes with iphoto does not seem to cover. How can I expand my reading list?

    You can use any music that you have imported or purchased in iTunes.

    You see iTunes as an option in the iPhotos media browser? Check also if you use Photos, or iPhoto.

  • using cs5 has 7 photos for slide show two show with five in a different place

    my site is www.crestonknights.org

    You have 53 validation of code errors.  Why don't you start not fix these first?

    https://validator.w3.org/check?verbose=1&URI=http%3A%2f%2Fwww.crestonknights.org%2f

    In addition, DO NOT use spaces or special characters in the file names.  This is an invalid code and can lead to problems in some browsers & hosting environments.

    Example:

    alt=""/>

    Must be:

    alt="image description"/>

    Nancy O.

Maybe you are looking for