I can not make my background change the images

Home Forums Storm HTML I can not make my background change the images

This topic is: not resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10082
    tamdle
    Participant

    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 Le

    Here 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”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml&#8221; 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
    },

    #10091
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #19411
    bosshog
    Participant

    Need some help, Cant figure out how to have the home page perform a slideshow when loaded with my images. Viewed the help files but still no go.

    #19412
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy