Grow your CSS skills. Land your dream job.

when I insert the second script , the first one stops

  • # January 4, 2010 at 3:02 pm

    hi there, please help me figure out what’s the problem in this html page , the second script stops the first one

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml"&gt;
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Teal Com – Free CSS Template</title>
    <meta name="keywords" content="Teal Com, Free CSS Template, Web Design" />
    <meta name="description" content="Teal Com – Free CSS Template, HTML CSS, Web Design Layout" />
    <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
    <link href="fullsize/fullsize.css" media="screen" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="cssslider/slider.css" type="text/css" media="screen" />
    <script type="text/javascript" language="javascript" src="js/jquery.dropdownPlain.js"></script>

    <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
    <script type="text/javascript" src="fullsize/jquery.js"></script>
    <script type="text/javascript" src="fullsize/jquery.fullsize.minified.js"></script>
    <script language="javascript" type="text/javascript">
    $(function(){
    $("div.templatemo_gallery img").fullsize();
    });
    </script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script&gt;
    <script type="text/javascript" src="jsslider/jquery.easing.1.2.js"></script>
    <script src="jsslider/jquery.anythingslider.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="jsslider/titleblock.jquery.js"></script>
    <script type="text/javascript">
    $(function () {
    $(‘.anythingSlider’).anythingSlider({
    easing: "easeInOutExpo", // Anything other than "linear" or "swing" requires the easing plugin
    autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not.
    delay: 3000, // How long between slide transitions in AutoPlay mode
    startStopped: false, // If autoPlay is on, this can force it to start stopped
    animationTime: 600, // How long the slide transition takes
    hashTags: true, // Should links change the hashtag in the URL?
    buildNavigation: true // If true, builds and list of anchor links to link to each slide
    });

    $("img").titleBlock({
    removeTitle: true,
    fontSize: "28px"
    });
    });
    </script>

    # January 5, 2010 at 2:23 am

    You include jquery.js twice. It’s wrong. After reading first script browser is reading definition of $ sign (jQuery object) and forget the meaning of first script. You should clean up a little bit, include libraries in right order (jquery, then jquery extesions) and after that your first and second script (without including any library). I hope it helps.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".