london-G Light Poster

Hi Guys,

I am currently trying to find out what the problem might be here:

I basically want the other circle to display the images properly like in the first circle.

My code is as below:

HTML

<head><link rel="stylesheet" type="text/css" href="css/default.css" /><link rel="stylesheet" type="text/css" href="css/component.css" /><script src="js/modernizr.custom.js"></script></head>

        <div class="container"> 
            <!-- Codrops top bar -->
            <div class="codrops-top clearfix">

            </div><!--/ Codrops top bar -->
            <header class="clearfix">

            </header>
            <div class="main">
                <div id="fc-slideshow" class="fc-slideshow">
                    <ul class="fc-slides">
                        <li><img src="images/3.png" /></li>
                        <li><img src="images/4.png" /></li>

                    </ul>
                </div>
            </div>
        <div class="main">
                <div id="fc-slideshow_two" class="fc-slideshow_two">
                    <ul class="fc-slides">
                        <li><img src="images/3.png" /></li>
                        <li><img src="images/4.png" /></li>

                    </ul>
                </div>
            </div>

        </div><!-- /container -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script src="js/jquery.flipshow.js"></script>
        <script>
    $( function() {
$.Flipshow.prototype.navigate=function(element,direction){
this._navigate(element,direction);
};
$("#fc-slideshow").flipshow();
setInterval( function() {
$('#fc-slideshow').flipshow('navigate',$("#fc-slideshow div.fc-right span:first"),'right');
}, 3000);
$( '#fc-slideshow').flipshow();
} );
    $( function() {
$.Flipshow.prototype.navigate=function(element,direction){
this._navigate(element,direction);
};
$("#fc-slideshow_two").flipshow();
setInterval( function() {
$('#fc-slideshow_two').flipshow('navigate',$("#fc-slideshow_two div.fc-right span:first"),'right');
}, 3000);
$( '#fc-slideshow_two').flipshow();
} );

        </script>

Javascript :

/**
 * jquery.flipshow.js v1.0.0
 * http://www.codrops.com
 *
 * Licensed under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * Copyright 2013, Codrops
 * http://www.codrops.com
 */
;( function( $, window, undefined ) {

    'use strict';

    // ======================= imagesLoaded Plugin ===============================
    // https://github.com/desandro/imagesloaded

    // $('#my-container').imagesLoaded(myFunction)
    // execute a callback when all images have loaded.
    // needed because .load() doesn't work on cached images

    // callback function gets image collection as argument
    //  this is the container

    // original: mit license. paul irish. 2010.
    // contributors: Oren Solomianik, David DeSandro, Yiannis Chatzikonstantinou

    // blank image data-uri bypasses webkit log warning (thx doug jones)
    // blank image data-uri bypasses webkit ...

london-G

thank you, that's a good idea. unfortunately i am not familar at all with zml. but thanks anyway