Include javascript Quiz in Adobe Edge

Hello,
I have an external Javascript Quiz that I would like to insert in Adobe Edge Composition.
With yepnope I included the files. That works.
But I would like to add the Quiz to the div (jsCustomTest) on the stage. But that doesn't work.
Can anyone tell me what the right script is. This is how I do it now:
yepnope({nope:[
                    'quiz/css/reset.css',
                    'quiz/css/style.css',
                    'quiz/lib/jquery-1.10.2.min.js',
                    'quiz/js/jsCustomTest-min.js',
],complete: init});
function init (){
var userTest sym.$("jsCustomTest");
In the script of the quiz. They talk about targetDiv. See script below:
var userTest={settings:{
dataFile:"jsCustomTest.xml",
               formListener:"submit.php",
               targetDiv:"jsCustomTest",
               showQuestionsOneByOne:{enabled:false,mode:"hide"},
               useDefaultResult:true,
               calculation:"popular",
               resultPage:"HTMLPage",
               selfDestruction:{enabled:true,destructionTimer:5e3}}
I hope someone can help me. If you need more info let me know.
Thanks

didn't test it yet but it should be something like this
put this in composision Ready
var Video = document.getElementById("yourid");
if (Video.currentTime=20)
  Video.pause();
sym.play();
else
- Rob

Similar Messages

  • Javascript conflicts in Adobe Edge

    Has anyone had any issues with javascript conflicts when using Adobe Edge?
    Edge works great until we upload it into our page, at which point it stops working in Safari and Chrome. It's apparently conflicting with a chat function that we've built into our site with some software called "Workface".
    Below is the actual workface code. Any ideas or workarounds? Thanks! -Mark
            <!-- WORKFACE -->
    <script type="text/javascript">
    window.onload = (function(d,w){
    s=d.createElement('script'); s.type='text/javascript';
    (d.body || d.head).appendChild(s);
    s.src= (w.location.protocol=='https:'?'https:':'http:')+'//workface.com/api_1.php/workface-inpag e-listing?companyId=3394f77c6dcefba4d7875e2ab1d1d1c0';
    })(document,window);
    </script>

    Did you use the Library > Video Panel to import the those three video types? If so then the source directory should be be 'media/.....'
    The method you mention is 'old' and the latest Edge Animate handles Audio/ Video natively now, and you do not need to use the above. See here - http://layersmagazine.com/working-with-video-in-edge-animate.html
    Darrell

  • Adobe Edge Animate JavaScript Coding issues/page load time speeds

    To let you have an idea of my skill set I have a background in animation and design and have been taking classes in web development. My question is about how to create an interactive website that loads various animation depending on the user's choice and current place within the Adobe Edge Animate timeline. The website I developed for a client @ www.goshowpro.com works but loads slower than I want and doesn't format properly on my client's Macbook (I believe he needs to update his browsers but that is something else.)
    So as you can see from looking at my website I used a multitude of HTML files to create my vision of an interactive website based off of a theatrical stage. I know this is not an ideal method. I would prefer to have it all on one page but I am having trouble with my javascript coding. I was wondering if there would be away to expedite my current site's load time and if not if you could look at my NEW coding. (This IS NOT the current coding on the site.)
    if = "hstop" "chomstop" "shomstop" "phomstop"
    {sym.play("hporstart")};
    else = "hconstop" "sconstop" "pconstop"
    {sym.play("cporstart")};
    else = "hserstop" "cserstop" "pserstop"
    {sym.play("sporstart")};
    It looks crappy but I'm trying to learn so don't laugh too much. Thanks again.
    Michael

    Hi, Marlene-
    We currently bundle jQuery 1.7.1 with the Animate runtime.  In order to call fadeOut() on the element newSquare, you would do the following:
    sym.$("newSquare").fadeOut();
    OR
    sym.getSymbol("newSquare").getSymbolElement().fadeOut();
    Hope that helps!
    -Elaine

  • Need help with adjusting Javascript code to work in Adobe Edge (Countdown)

    Hello
    Im a newbie when it comes to working with Javascript and Adobe Edge and need a bit of help with adjusting some javascript code to work with Adobe Edge. A friend of mine helped me with making this javascript code: Edit fiddle - JSFiddle
    Its a simple countdown which counts down to a certain time at a certain date. What I aim to do is to add this code as a trigger on a text-element called "countdown" (within a symbol called "count").
    I have tried to do this as the code is, but it does not work. Anyone have any suggestions?
    Thanks!
    Mvh,
    Øyvind Hermans

    Hello again
    I have stumbled upon a problem with these animations; They crash the browser after viewing them a little while, usually less than 30 seconds in.
    Is this problem also occuring when you watch the animations?
    Is the countdown-code to much for the browsers to handle?
    Thanks in advance for your answers.
    Sincerely,
    Øyvind Hermans

  • How to include javascript in Edge?

    I am new to jQuery and Edge.
    I want to add some "Drag" functions to my project and I browsed the forum and found a javascript plugin. So I downloaded the js files and placed them in my project folder (the folder containing .an and .html)
    I searched the forum and found a way to include javascript which is adding the following code in compositonReady event
    $("<script type='text/javascript' charset='utf-8' src='myjs.js'>").appendTo("#Stage");
    and I replaced "myjs.js" with the plugin file name but it seems not working. When I view the html code there is only "MyProject_edgePreload.js" in it. Thanks for guiding me what's wrong here.

    Better tools are available: yepnope() and $.getScript().
    1) About yepnope(): you can download samples file here.
    2) $.getScript() is a jQuery function :  $.getScript("js fileName", function(){ your code });

  • How to use Adobe Edge Web Fonts correctly

    I am a Dreamweaver newbie and am trying to learn how to use it through the tutorials. I am stuck at part 3 trying to use Adobe Edge Web Fonts correctly in my web site. As far as I can tell I have followed the instructions in the tutorial correctly, but the font style effect does not show up on my site. I am working on a Windows 7 machine and using Dreamweaver 5.5. I have copied and pasted the javascript into the correct spot in the head of the index.html page as well as included the font-family name in the CSS file and saved the whole smash. The source code for my index page looks exactly like the sample in the tutorial, and I have tried to view my site in my browser, but no dice. Doesn't display the Edge Web Font style in the web page. I believe I've done everything according to the directions, but I suppose I've missed some small detail. Any suggestions greatly appreciated

    You need to add a <script> to the head of your documents like the example below.  In my example, I'm using all of the aguafina-script and league-gothic fonts.
    <!--Edge Font-->
    <script src="//use.edgefonts.net/aguafina-script:n4:all;league-gothic:n4:all.js"></script>
    CSS:
         h1 {
         font-family: league-gothic, sans-serif;
         font-weight:bold;
         color: #639;
         font-size: 250%;
    A simple way to get the correct codes is to go to Adobe Edge Web Fonts and select the font you wish to use.
    https://edgewebfonts.adobe.com/fonts
    NOTE: You won't see the custom web fonts displayed in Design View, Live View or when previewed locally unless you use a local testing server.  An easier way to test is by uploading the page to your remote server.
    Hope this helps,
    Nancy O.

  • How to make form register in adobe edge?

    hy, how to make coding form register in adobe edge? please help me

    hy, master uboss..
    could i ask again?
    i was tried it as your suggestion but after i fill it data still cant send to database..
    could you give some suggestion longer?
    file connection.php
    <?php
    $host = "localhost";
    $user = "root";
    $password = "";
    $database = "register";
    mysql_connect($host,$user,$password) or die ("database tidak terhubung, cek koneksi");
    mysql_select_db($database);
    ?>
    file proses.php
    <?php
    include "koneksi.php";
    $password=$_POST['password'];
    $username=$_POST['username'];
    $email=$_POST['email'];
    $fullname=$_POST['fullname'];
    $query=mysql_query("insert into daftar(password, username, email, fullname)
    value('$password','$username','$email','$fullname')");
    if($query){
    echo "Data Berhasil ditambah";
    ?><a href="/bukutamu.php">  Lihat Data Masuk</a><?php
    }else{
    echo "Gagal input data";
    echo mysql_error();
    ?>
    file login.php
    <!DOCTYPE html>
    <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
      <title>Senza nome</title>
    <!--Adobe Edge Runtime-->
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
        <script type="text/javascript" charset="utf-8" src="login_edgePreload.js"></script>
        <style>
            .edgeLoad-EDGE-1488021 { visibility:hidden; }
        </style>
    <!--Adobe Edge Runtime End-->
    </head>
    <form action="proses.php" method="POST">
    <body style="margin:0;padding:0;">
      <div id="Stage" class="EDGE-1488021">
      </div>
    </form>
    </body>
    </html>
    after submit
         database---->>> stil blank...

  • How to set and read cookies in adobe edge animate

    Hi all,
    I need help in writing and reading cookies using adobe edge, is there is a way to do it I serached the internet but I did not find something simlliar?
    thanks in advance

    To test with this plugin in a simple HTML page, you'll need to also include jQuery itself.
    For example:
    <script src="/path/to/jquery.js"></script>
    <script src="/path/to/jquery.cookie.js"></script>
    </head>
    There are a few different ways that you could load the jQuery.cookie plugin into your composition. Regardless of the method, I recommend loading it at the compositionReady trigger. This is the trigger that fires after the composition is ready to play.
    This blog post shows one way to load in external .js files:
    http://chrisgannon.wordpress.com/2012/09/01/loading-external-javascript-in-adobe-edge-anim ate-the-easy-way/
    Here's how you would be applying this method for the jQuery.cookie plugin:
    Then enter in code similar to this:
    yepnope(
        nope:[
          '/path/to/jquery.cookie.js'
      complete: init
    function init() {
    //create your cookie's initial values here
    That would load in the jQuery.cookie plugin.
    It would then be up to you to create/manipulate the cookie's data as needed for your purpose. Most likely, you would scroll to a point in the timeline where you want data to be changed and/or read, add a trigger, then insert the necessary code.

  • Using Javascript JSON data within Edge Animate

    I have a javascript file that outputs data onto a html page, It basically GET's the information from a JSON file
    I would like to use the output within Edge Animate instead (basically re-building the HTML page using Edge Animate).
    I understand that i must include my script & jquery scripts within my composition, below is some code from my script. How can i use the output of this in adobe edge.
    function playlistupdate (list)
    for (var i = 0 ; i != list.dbdata.length ; i++)
            var song = list.dbdata[i];
        $("#list0artist").html(list.dbdata[0].artist);
        $("#list0title").html(list.dbdata[0].title);
        $("#list0label").html(list.dbdata[0].label);
        $("#list0albumyear").html(list.dbdata[0].albumyear);
        $("#list0picture").html('<img src="/testsite/covers/' + list.dbdata[0].picture + '" width="170" height="170"/>');   
    for instance, how can i display the "artist", "title", "label" and "album_year" within Edge Animate. And also how can i display the "picture" (which is an actual JPEG file.)
    I am hoping that i do not need to completly intergrate the script within Edge animate.
    many thanks
    Justin.

    Hi Justin,
    You will find 2 demo files here: json Demos upgraded.zip - Box
    Note: You can post your working file.

  • How do I include the quiz taker's name in the Quiz Results email?

    I'm using Adobe Captivate 4. I want to include the quiz taker's name in the Quiz Results email. Is there to do this?

    My experience with Captivate is minimal. Once again, the version that I am using is Captivate 4. I am not using an LMS. When someone takes a quiz and submits it, the email that I receive only contains the quiz ID and the test results themselves. I would like to be able to have the results include the user's name or at least his/her email address. Is their something that I can do with a variable to accomplish this? Or, is their some sort of third party widget available?
    Thanks Gene

  • How to pass javascript variables into an Edge Animate project from HTML

    I have just about got the basics nailed for Edge Animate now - coming from a Flash background it's been fairly straight forward, nice work so far (but more on that later)
    I have had to build a "promoted items" slider for the homepage on one of our sites....previously this would have been a flash animation but, hey ho .
    I originally built it as a jQuery extension/plugin but found it too time consuming to make minor alterations - that's where Edge came in and SEEMED to fill the job pretty well.
    Now for the moment i'll put on hold the whole issue about how we NEED to be able to work with dom-level elements directly on the page (eg, animating divs and images within a ul-li structure which is how these things usually work) and concentrate on the Edge specific issue...
    I've seen a few people asking this same question, but none of the answers either a) work at all for me , or b) are good enough for what I need to do.
    see previous solutions here http://support.muse.adobe.com/message/4658175 and here : http://forums.adobe.com/thread/1065343
    My project uses an internal array of data, and while in "preview" mode it works reasonably well.
    in the Stage creationComplete event i have Edge code like, for example :
       var imagesArray = ["images/img1.jpg", "images/img2.jpg", "images/img3.jpg"];
       var headlinesArray = ["product 1", "product 2", "product 3"];
       var subTxtArray = ["lovely widgets", "smelly doo-dads", "purple whatchamacallits"];
       var linksArray = ["http://www.adobe.com", "http://www.adobe.co.uk", "http://www.adobe.net"];
       //variables set to full internal scope, used immediately after this and called from sub-elements afterwards
       sym.getComposition().getStage().setVariable("imagesArrayData", imagesArray);
    this code obviously needs to be changed via the HTML page that is calling it.
    IDEALLY i would have these elements already on the page ( <div><h1>Product 1</h1><img src="....  etc ) and then jquery it to hell to make it look funky. This is how we NEED to be doing it in the future...that way our content is still searchable and findable by search bots etc. Edge will output a "static" version of the page, i tried that, but it won't work for dynamically built objects. There's no way i've found of building an array of Symbols based on the existing DOM structure like you can do in jQuery itself.
    however, in the meantime i'll settle for being able to set a javascript call up somewhere - like the old flashvars solution (which was horrible fudge, but worked as a way to get data into a project )
    i'd REALLY rather not use an internal jSon call .... it's adding uneccessary bandwidth and additional server processing when the data it needs has already been retrieved from the database when the HTML page is drawn - AND it means i need to make sure that the json producing web service gets ported accross to any other projects that use this same "slider"
    i've tried removing the internal declaration and changing my HTML to :
    <script>
    var imagesArray = ["images/img1.jpg", "images/img2.jpg", "images/img3.jpg"];
       var headlinesArray = ["product 1", "product 2", "product 3"];
       var subTxtArray = ["lovely widgets", "smelly doo-dads", "purple whatchamacallits"];
       var linksArray = ["http://www.adobe.com", "http://www.adobe.co.uk", "http://www.adobe.net"];
    </script>
    <!--Adobe Edge Runtime-->
         <script type="text/javascript" charset="utf-8" src="index_edgePreload.js"></script>
    etc
    but this hasn't worked.
    i'm going to attempt the solution using
    AdobeEdge.bootstrapCallback(function(compId) { ....
    as found on http://forums.adobe.com/thread/1065343
    but this doesnt explain how to set up Stage level variables, rather than targeting a specific Edge property
    Anyone got any ideas? Or do I just scrap the project?
    IMHO : Adobe need to be careful of falling into the same mindset that most of the anti-flash brigade have.
    Please remember that Flash is used for WAY more than just adverts.
    At the moment, Edge will work great as a way to put a simple animation onto the page with REALLY basic interactivity - suitable for a basic advert - but we need our HTML5 animations and scripts to be fully dynamic, data-driven, and portable, and preferably using existing DOM elements.
    One last thing, any chance of a feature to say "my page already uses jQuery, don't import Edge's own outdated version"
    Message was edited by: j1mp

    I have just about got the basics nailed for Edge Animate now - coming from a Flash background it's been fairly straight forward, nice work so far (but more on that later)
    I have had to build a "promoted items" slider for the homepage on one of our sites....previously this would have been a flash animation but, hey ho .
    I originally built it as a jQuery extension/plugin but found it too time consuming to make minor alterations - that's where Edge came in and SEEMED to fill the job pretty well.
    Now for the moment i'll put on hold the whole issue about how we NEED to be able to work with dom-level elements directly on the page (eg, animating divs and images within a ul-li structure which is how these things usually work) and concentrate on the Edge specific issue...
    I've seen a few people asking this same question, but none of the answers either a) work at all for me , or b) are good enough for what I need to do.
    see previous solutions here http://support.muse.adobe.com/message/4658175 and here : http://forums.adobe.com/thread/1065343
    My project uses an internal array of data, and while in "preview" mode it works reasonably well.
    in the Stage creationComplete event i have Edge code like, for example :
       var imagesArray = ["images/img1.jpg", "images/img2.jpg", "images/img3.jpg"];
       var headlinesArray = ["product 1", "product 2", "product 3"];
       var subTxtArray = ["lovely widgets", "smelly doo-dads", "purple whatchamacallits"];
       var linksArray = ["http://www.adobe.com", "http://www.adobe.co.uk", "http://www.adobe.net"];
       //variables set to full internal scope, used immediately after this and called from sub-elements afterwards
       sym.getComposition().getStage().setVariable("imagesArrayData", imagesArray);
    this code obviously needs to be changed via the HTML page that is calling it.
    IDEALLY i would have these elements already on the page ( <div><h1>Product 1</h1><img src="....  etc ) and then jquery it to hell to make it look funky. This is how we NEED to be doing it in the future...that way our content is still searchable and findable by search bots etc. Edge will output a "static" version of the page, i tried that, but it won't work for dynamically built objects. There's no way i've found of building an array of Symbols based on the existing DOM structure like you can do in jQuery itself.
    however, in the meantime i'll settle for being able to set a javascript call up somewhere - like the old flashvars solution (which was horrible fudge, but worked as a way to get data into a project )
    i'd REALLY rather not use an internal jSon call .... it's adding uneccessary bandwidth and additional server processing when the data it needs has already been retrieved from the database when the HTML page is drawn - AND it means i need to make sure that the json producing web service gets ported accross to any other projects that use this same "slider"
    i've tried removing the internal declaration and changing my HTML to :
    <script>
    var imagesArray = ["images/img1.jpg", "images/img2.jpg", "images/img3.jpg"];
       var headlinesArray = ["product 1", "product 2", "product 3"];
       var subTxtArray = ["lovely widgets", "smelly doo-dads", "purple whatchamacallits"];
       var linksArray = ["http://www.adobe.com", "http://www.adobe.co.uk", "http://www.adobe.net"];
    </script>
    <!--Adobe Edge Runtime-->
         <script type="text/javascript" charset="utf-8" src="index_edgePreload.js"></script>
    etc
    but this hasn't worked.
    i'm going to attempt the solution using
    AdobeEdge.bootstrapCallback(function(compId) { ....
    as found on http://forums.adobe.com/thread/1065343
    but this doesnt explain how to set up Stage level variables, rather than targeting a specific Edge property
    Anyone got any ideas? Or do I just scrap the project?
    IMHO : Adobe need to be careful of falling into the same mindset that most of the anti-flash brigade have.
    Please remember that Flash is used for WAY more than just adverts.
    At the moment, Edge will work great as a way to put a simple animation onto the page with REALLY basic interactivity - suitable for a basic advert - but we need our HTML5 animations and scripts to be fully dynamic, data-driven, and portable, and preferably using existing DOM elements.
    One last thing, any chance of a feature to say "my page already uses jQuery, don't import Edge's own outdated version"
    Message was edited by: j1mp

  • How to download Adobe Edge Inspect?

    It maybe weekend woes, but I find it impossible to download Adobe Edge Inspect. For starters, I would like to test the free version.
    This is what I'm doing
    1 )install the Edge Inspect Extension on Chrome
    2) sign up for Adobe Create Cloud
    3) go to apps
    x) edge tools & services does not include an icon for Edge Inspect
    Following this blog post:
    http://blogs.adobe.com/edgeinspect/2012/10/23/how-to-purchase-edge-inspect/
    5) Go to plans page to select "getting started"
    x) the button is disabled
    Trying on the main edge inspect website
    http://html.adobe.com/edge/inspect/
    6) click on edge inspect
    7) click on getting started
    x) I'm back in the cloud apps section, without the edge inspect icon
    I then downloaded the Adobe Application Manager
    x) When running there is also no option to download edge inspector
    Can anyone tell me if I'm doing something wrong?

    The Learn More link for Adobe Edge Inspect directs you to different pages depending on if you are signed in or not with your Adobe ID.
    If you are not signed in you will go to here http://www.adobe.com/go/edgeinspect which redirects you to here http://html.adobe.com/edge/inspect/. This is information on Inspect.
    If you are signed in you will go here https://creative.adobe.com/inspect and be able to download Inspect. If you are not signed in and try to go to https://creative.adobe.com/inspect you will be redirected to https://creative.adobe.com from where you can sign in or create a new Adobe ID.

  • Importing from Adobe Edge Animate to Existing Project

    Hello!
    So I have a project that I have been working on in iAd producer for a iBooks widget and its coming along great.  However I am starting to bump into some limitations on the animation side of things that I can easily do within Adobe Edge Animate but am struggling with in iAd producer. Is there a way to import the animation from another project from a separate program like Adobe Edge Animate into iAd producer?  I feel like this should be straightforward since its all Javascript and HTML but I am not sure of the answer (been Googling for quite a bit and couldn't see a similar problem discussed).
    Thank you!
    Shawn

    Hello Shawn, Mark!
    I'm trying something like you, playing with Adobe Edge and trying to use the JS and HTML file it produces with iAd Producer, but I can't get it work.
    Have you finally got it working?

  • Sound in Adobe Edge

    Hi,
    I have managed to make the sounds play and stop, but now I need to ensure that
    1) only 1 sound is played at only 1 time when run in Adobe Edge
    2) Once the sound is stopped mid-way, the sound will automatically go to the beginning of the sound clip.
    Here is the set of my codes in index.html.
    <!DOCTYPE html>
    <html>
    <head>
              <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
              <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
              <title>Untitled</title>
    <!--Adobe Edge Runtime-->
        <script type="text/javascript" charset="utf-8" src="index_edgePreload.js"></script>
        <style>
            .edgeLoad-EDGE-17588951 { visibility:hidden; }
        </style>
    <!--Adobe Edge Runtime End-->
    <!--insert the audio functions here-->
    <script>
    <!--sound set 1-->
    function VO() {
      var myAudio = document.getElementById("VO");
        myAudio.play();
    function VO1() {
      var myAudio = document.getElementById("VO");
        myAudio.pause();
    <!--sound set 2-->
    function VO2() {
      var myAudio2 = document.getElementById("VO2");
        myAudio2.play();
    function VO3() {
      var myAudio2 = document.getElementById("VO2");
        myAudio2.pause();
    </script>
    </head>
    <body style="margin:0;padding:0;">
              <div id="Stage" class="EDGE-17588951">
              </div>
    <!--insert the audio id here. audio id="VO" is because the function is VO() -->
    <audio id="VO">
    <source src="sounds/sound01.mp3" type="audio/mpeg" />
    </audio>
    <audio id="VO2">
    <source src="sounds/sound02.mp3" type="audio/mpeg" />
    </audio>
    </body>
    </html>
    Here is a link to my file: https://www.box.com/s/khnjuk7j9zus7pw03u6f
    Thank you.

    Here are 2 video using "Edge Hero"
    Adobe Edge Animate - Edge Hero Lesson 1 - 3d Objects
    by darkeffectstv 107 viewsIn this lesson, we are going to be working with a new plugin for Edge Animate called
    Edge Hero…
    6:55 

    Adobe Edge Animate CC Lesson #2 - Loading Video with Edge Hero
    by darkeffectstv 40 viewsIn this lesson, we are going to load some video into our edge project using Edge Her…
    And this is the latest video for Edge Animate CC
    Adobe Edge Animate CC - Lesson #3 - Animate ball bouncing on boxes and changing colors
    http://youtu.be/MxxpQspBpcw

  • How to embed Adobe Edge HTML5 animations into carousel instead of images.

    Is the above question possible? I cannot figure out a way to embed any of my html5 animations (created in Adobe Edge) into a carousel. I have tried creating a nested slider inside of Edge, and I have tried hard coding it, but can not figure out an appropriate solution.

    Nancy,
    Slideshow is now working great, but I cannot get my animations to exist within the slides themselves. I tried them inside this html but not inside the slideshow, and they work fine, but if I try to add them into the slider, nothing happens and that particular slide is simply blank. I have only tried the first one but it is not working. Here is my code:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Cycle2 with Carousel Slider</title>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--Latest jQuery Core Library-->
    <script src="http://code.jquery.com/jquery-latest.min.js">
    </script>
    <!--Cycle2 Plugin-->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
    <!--Cycle2 Carousel-->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>
    <!--------------------------Adobe Edge Runtime-->
        <script type="text/javascript" charset="utf-8" src="Infographic-1_edgePreload.js"></script>
        <style>
            .edgeLoad-EDGE-3350547 { visibility:hidden; }
        </style>
    <!--------------------------Adobe Edge Runtime End-->
    <style>
    .slideshow {
        width: 915px;
              height: 440px;
        margin: 0 auto;
        border: 1px solid silver;
    .slideshow div {
        width: 915px;
              height: 440px;
    /* slideshow pager */
    .cycle-pager {
        text-align: center;
        width: 100%;
        z-index: 500;
        position: relative;
        top: 0;
    .cycle-pager span {
        font-family: arial;
        font-size: 75px;
        width: 22px;
        height: 22px;
        display: inline-block;
        color: #ddd;
        cursor: pointer;
    .cycle-pager span.cycle-pager-active { color: #FF0004; }
    .cycle-pager > * { cursor: pointer; }
    /**End Cycle2 Carousel Styles**/
    </style>
    </head>
    <body>
    <header>
    <h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> with <a href="http://jquery.malsup.com/cycle2/demo/carousel.php">Responsive Carousel </a>Slider</h1>
    </header>
    <!--begin Carousel-->
    <div class="slideshow"
    data-cycle-pause-on-hover="true"
    data-cycle-fx="carousel"
    data-cycle-timeout="0"
    data-cycle-pager="#pager"
    data-cycle-carousel-visible="1"
    data-cycle-carousel-fluid="true"
    data-cycle-slides="div"
    >
    <!--insert your content below-->
    <div id="Stage" class="EDGE-3350547">
    </div>
    <div>
    <p>Slide two content here...</p>
    </div>
    <div>
    <p>Slide three content here...</p>
    </div>
    <div>
    <p>Slide four content here...</p>
    </div>
    <!--end slideshow-->
    </div>
    <!--begin Cycle2 pager-->
    <div class="cycle-pager" id="pager">
    <!--end pager-->
    </div>
    <!--Cycle2 function code-->
    <script>$.fn.cycle.defaults.autoSelector = '.slideshow';
    </script>
    </body>
    </html>

Maybe you are looking for

  • Adobe Acrobat, Reader and Lifecycle question

    I have forms that I created in Adobe Acrobat and Lifestyle.  The forms are useable by most but, some of my users tat are using Reader 11 are having issues writing to the forms.  The problem is random.  Also my environment includes PC's using Windows

  • How to create subdirectories in playlist, ipod classic

    I am not familiar how to create subdirectories in Playlists in iPod Classic. Of course I have to user iTues software but I don't know how to create. Please guide me if anybody knows how to create subdirectories. I want like this (like windows how sub

  • Problem with redeem apple gift card

    I have redeem the apple gift card. And the answer is I can't redeem n it need to contact apple service customer...! So w should I do?

  • How to set single parameters for two tables?

    SELECT GM.GRNNO,GM.GRNDATE,SUM(GS.APPROVED),SM.ISSUENO,SM.ISSUEDATE,GS.ITEMCODE,SUM(SS.ISSUEDQTY) FROM IMS_GRNM GM,IMS_GRNS GS, IMS_ISSUEM SM, IMS_ISSUES SS WHERE GM.GRNMSERIAL=GS.GRNSSERIAL AND SM.ISSUEMSERIAL=SS.ISSUESSERIAL AND GM.POSTED='T' AND S

  • SQL Sever 2012 will not install - Database engine or scenario.exe failure

    Hello everyone! I have been trying for days to get MS SQL Server 2012 SP1 installed on my 1and1 VPS and every installation attempt fails. It will hang at the SqlEngineConfigAction_install_startup_Cpu64 for a few minutes and then give me a ScenarioEng