- This topic has 3 replies, 3 voices, and was last updated 8 years, 6 months ago by
.
I have 5 images set in the scripts.js. When load the page, it only display the first image and not change to the next 4
Thanks for help.
Tam LeHere is my index.html header
————————————————————————————————————————-
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>LeTran Photography</title><link rel=”stylesheet” type=”text/css” href=”css/styles.css” />
<!–[if IE 7]>
<link rel=”stylesheet” type=”text/css” href=”css/ie7.css” />
<![endif]–>
<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”css/ie.css” />
<![endif]–><script type=”text/javascript” src=”js/jquery-1.5.2.min.js”></script>
<script type=”text/javascript” src=”js/plugins.js”></script>
<script type=”text/javascript” src=”js/scripts.js”></script>
</head>
<body>
<div id=”nojs-background”>
<!– Non-JavaScript background –>
</div>Here is my scripts.js variables
————————————————————————————————————————-
var backgrounds = [
‘images/backgrounds/background1.jpg’
‘images/backgrounds/background2.jpg’
‘images/backgrounds/background3.jpg’
‘images/backgrounds/background4.jpg’
‘images/backgrounds/background5.jpg’
],// Background options – see documentation
backgroundOptions = {
random: true,
speedIn: 3000, // Speed of the “fade in” transition between images, in milliseconds 1000 = 1 second
speedOut: 3000, // Speed of the “fade out” transition between images
sync: true, // If true, both fade animations occur simultaneously, otherwise “fade in” waits for “fade out” to complete
preload: true, // Whether or not to preload images
slideshow: true, // Whether or not to use the slideshow functionality
slideshowAuto: true, // Whether or not to start the slideshow automatically
slideshowSpeed: 7000, // How long the slideshow stays on one image, in milliseconds 1000 = 1 second
keyboard: true, // Whether or not to use the keyboard controls, left arrow, right arrow and esc key
onOpen: false, // Callback when the gallery opens
onLoad: false, // Callback when the current image starts loading
onComplete: false, // Callback when the current image has completely loaded
onCleanup: false, // Callback when cleaning up, just before closing
onClose: false // Callback when the gallery closes
},
- You must be logged in to reply to this topic.