Мое меню Lavalamp и мое (простое) слайд-шоу не будут работать вместе.(JQuery) - PullRequest
Новая
       17

Мое меню Lavalamp и мое (простое) слайд-шоу не будут работать вместе.(JQuery)

0 голосов
/ 10 марта 2012

Мое меню Lavalamp работает отдельно от моего слайд-шоу, а мое слайд-шоу работает отдельно от моего меню lavalamp, но вместе они не будут работать. Это мой код: 

<!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" lang="en" xml:lang="en">
<head>
    <title>Home</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="style.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="style_jquery.css" media="screen" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout",
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>
    <script type="text/javascript" src="jquery.easing.min.js"></script>
    <script type="text/javascript" src="jquery.lavalamp.min.js"></script>
    <script type="text/javascript" src="carousel.js"></script>  

</head>

Мое меню: 

        <ul class="lavaLamp" id="3">
            <li class="current"><a href="index.html">home</a></li>
            <li><a href="#">ervaring</a></li>
            <li><a href="#">portfolio</a></li>
            <li><a href="#">contact</a></li>
        </ul>

Это мое слайд-шоу: 

    <div id="slideshow">
        <img src="images/carousel_scpo.png" width="980" height="355" alt="image 1" class="is-showing" />
        <img src="images/carousel_pensioenkennis.png" width="980" height="355" alt="image 2"  />
        <img src="images/carousel_landelijkemediagroep.png" width="960" height="355" alt="image 3"  />
    </div>
...