pizzahouse6
06-02-2011, 02:26 AM
1) Script Title: Ultimate Fade-In Slideshow
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
3) Describe problem: In ie8 it seems that as my pictures change, they move to the right of the div. Each time a new photo is "fadded in" it is offset 50px to the right. eventually by photo 8 the picture is appearing completely off the designated div area. The captions appear correctly and the whole thing works in Firefox and previous versions of ie, but I cannot figure out why it is doing this in ie8. here is my code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="javascript/fadeslideshow.js"></script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "homeSlideshow", //ID of blank DIV on page to house Slideshow
dimensions: [500, 300], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/homepage/DataBlender2.png", "index.php?page=datablender", "", "<strong>DataBlender:</strong> Our data mining solution."],
["images/homepage/DataBlenderFixed.png", "index.php?page=datablender", "", "<strong>DataBlender:</strong> Our data mining solution."],
["images/homepage/DataBlenderSpreadsheet.png", "index.php?page=datablender", "", "<strong>Datablender:</strong> Our data mining solution."],
["images/homepage/IEPetc.png", "index.php?page=iep", "", "<strong>IEP etc:</strong> Create and Manage IEPs, GIEPs and 504 plans."],
["images/homepage/class.jpg", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Staff Classifieds."],
["images/homepage/FaciltyUse.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Facility Use Request."],
["images/homepage/StaffPortalFinal.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Staff Login."],
["images/homepage/testResults.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Student Test Results."],
["images/homepage/webgrades.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Student Webgrades."],
["images/homepage/schedule.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Student Schedules."],
["images/homepage/attendance.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Student Attendance."]
],
displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false, randomize:true},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 700, //transition duration (milliseconds)
descreveal: "always"
})
</script>
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
3) Describe problem: In ie8 it seems that as my pictures change, they move to the right of the div. Each time a new photo is "fadded in" it is offset 50px to the right. eventually by photo 8 the picture is appearing completely off the designated div area. The captions appear correctly and the whole thing works in Firefox and previous versions of ie, but I cannot figure out why it is doing this in ie8. here is my code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="javascript/fadeslideshow.js"></script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "homeSlideshow", //ID of blank DIV on page to house Slideshow
dimensions: [500, 300], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/homepage/DataBlender2.png", "index.php?page=datablender", "", "<strong>DataBlender:</strong> Our data mining solution."],
["images/homepage/DataBlenderFixed.png", "index.php?page=datablender", "", "<strong>DataBlender:</strong> Our data mining solution."],
["images/homepage/DataBlenderSpreadsheet.png", "index.php?page=datablender", "", "<strong>Datablender:</strong> Our data mining solution."],
["images/homepage/IEPetc.png", "index.php?page=iep", "", "<strong>IEP etc:</strong> Create and Manage IEPs, GIEPs and 504 plans."],
["images/homepage/class.jpg", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Staff Classifieds."],
["images/homepage/FaciltyUse.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Facility Use Request."],
["images/homepage/StaffPortalFinal.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Staff Login."],
["images/homepage/testResults.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Student Test Results."],
["images/homepage/webgrades.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Student Webgrades."],
["images/homepage/schedule.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Student Schedules."],
["images/homepage/attendance.png", "index.php?page=staff", "", "<strong>Staff Portal:</strong> Student Attendance."]
],
displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false, randomize:true},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 700, //transition duration (milliseconds)
descreveal: "always"
})
</script>