Hi Cycle2 experts,

 

I am coding a website using jquery and these two cycle2 plugins:

<script type="text/javascript" src="../jquery.cycle2.min.js"></script>
<script type="text/javascript" src="../jquery.cycle2.center.js"></script>

Then i set up a slideshow with paging wich works perfectly in all major browsers except for a IE9 on a 64 bit win7.

 

See the page: http://barbroaberg.com/CeramicWork/Album.asp?album=a-Sculptures

 

The pager displays unwanted image borders and the images are positioned right instead of center.

Heres the code below - any ideas?

 

                <div class="cycle-slideshow"
    data-cycle-timeout=0
    data-cycle-caption="#adv-custom-caption"
    data-cycle-caption-template="{{cycleTitle}}"
    data-cycle-center-horz=true
    data-cycle-center-vert=true
    data-cycle-pager="#pager1"
    data-cycle-pager-template="<a href=# ><img src='{{src}}' height=30></a>"
    data-cycle-slides=">img"
    data-cycle-update-view=-1
                   >
                <br /><br />
     <%
                    for each f1 in imgs
     f2ct=f2ct+1
                        title = replace(f1.Name, ".jpg", "")
                        reptitle = replace(Right(title, Len(title) - 3), "-", " ")
                    %>
                    <img src="<%=request("album") & "/" & f1.name%>" height="420px" onMouseOver="//this.style.cursor='zoom-in'" onClick="//zoomimgin('<%=request("album") & "/" & f1.name%>');" data-cycle-title="<%=reptitle%>">
                    <div id="adv-custom-caption" class="center"></div>
                    <%next%>
                </div><br /><br />
<div class="cycle-pager" id="pager1"></div>
    </div>

 

Best regards

Morten Brockhoff