First image transition in slideshow resize into small square
Hi J-forum,
I use JQuery.Cycle.all.js to create a slideshow on this webpage: www.barbroaberg.com, but at first load of the webpage the slideshow begins by resizing the second image to a very small square. Once you refresh the page everything works as supposed, but I would very much like to solve the issue. The relevant code looks like this:
<head>
<script type="text/javascript" src="../jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="../jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
// choose your transition type, ex: fade, scrollUp, shuffle, etc...
fx: 'fade',
delay: 0,
speed: 1000
});
});
</script>
</head>
<body>
<center>
<div class="Home">
<div class="Menu">
<!-- #include file="../Menu.asp" -->
</div>
<div id="Images" class="slideshow">
<%for each img in imgs%>
<img src="Photos/<%=img.name%>" id="Images" name="Images" />
<%next%>
</div>
</center>
</body>
I hope someone can help.
Best regards
Morten B