I'm trying to write slide show on jquery which is able to run on Internet Explorer 8.
Here I attached sample to download.
it runs fine, but I want to start from different image based on the day of month.
For example, when it's 23rd Aug, then slide show must start from the 23rd image.
It is no problem if IE9 or higher, but in IE8, I can't find any solution.
Unfortunately, here in Mongolia, almost half of all computers still have IE8.
Please help me!!!
Any suggestions would be highly appreciated!
also sample:
<!DOCTYPE html>
<html>
<head>
<title>JQuery Cycle Plugin - Basic Demo</title>
<style type="text/css">
.slideshow { height: 265px; width: 120px; margin: 0px}
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }
body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
overflow: hidden; /* Hide scrollbars */
-ms-overflow-style: none; /* IE and Edge */
}
</style>
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript">
var slideIndex = 1, delay = 14, delayHandle = 0;
var slides = $('.slideshow');
var imgCount = 3;
var today = new Date();
slideIndex = parseInt(today.getDate());
slideIndex = slideIndex % imgCount;
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
speed: 100,
timeout: 5000
});
});
</script>
</head>
<body>
<div class="slideshow">
<a href="http://www.orion.mn/ach-ur.html" class="customfont_menu" target="_blank">
<img src="reclampanel_slideshow/pic1.jpg" /></a>
<a href="http://www.orion.mn/ach-ur.html" class="customfont_menu" target="_blank">
<img src="reclampanel_slideshow/pic2.jpg" /></a>
<a href="http://www.orion.mn/ach-ur.html" class="customfont_menu" target="_blank">
<img src="reclampanel_slideshow/pic3.jpg" /></a>
</div>
</body>
</html>
Regards, Orgil