Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Senior Member whippetkid's Avatar
    Join Date
    May 2010
    Location
    Scotland
    Posts
    123
    Member #
    22044
    Hi,

    I have adde several jQuery plugin elements to my website but it only works in Safari & Chrome - no other browser recognises the jQuery and the CSS which is attached to the elements. Here is all of the jQuery script, if possible can somebody please advise what might be the issue. I am aware it isn't the neatest coding as I am quite new to this kind of thing, apologies!

    Many thanks

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/slider_global.css" type="text/css" />
    <link rel="stylesheet" type="css" href="css/styles.css" />
    <link rel="stylesheet" href="lavalamp_test.css" type="text/css" media="screen" />
     
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript">
    </script>
    <script type="text/javascript" src="demo/script.js">
    </script>
    <script type="text/javascript">
    //<![CDATA[
    $(document).ready(function(){
            $("a img").fadeTo("slow", 0.5);
    
            $("a img").hover(function(){
                    $(this).fadeTo("slow", 1.0);
            },function(){
                    $(this).fadeTo("slow", 0.5);
            });
    });
    
    //]]>
    </script>
    <script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript">
    </script>
    <script src="js/slides.min.jquery.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    //<![CDATA[
                    $(function(){
                            $('#slides').slides({
                                    preload: true,
                                    preloadImage: 'img/loading.gif',
                                    play: 8000,
                                    pause: 2500,
                                    hoverPause: true
                            });
                    });
    //]]>
    </script>
    <script type="text/javascript">
    //<![CDATA[
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
      if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //]]>
    </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">
    //<![CDATA[
            $(function() {
                $("#1, #2, #3").lavaLamp({
                    fx: "backout",
                    speed: 700,
                    click: function(event, menuItem) {
                    }
                });
            });
    //]]>
    </script>

  2.  

  3. #2
    Senior Member Andrew Yurlov's Avatar
    Join Date
    Apr 2011
    Location
    Portland, OR
    Posts
    1,306
    Member #
    27566
    Liked
    181 times
    Do you have a link to the site?
    Artificial intelligence is nothing compared to natural stupidity -Someone

    Design is a funny word. Some people think design means how it looks.
    But of course, if you dig deeper, itís really how it works.
    -Steve Jobs



  4. #3
    Member jwind's Avatar
    Join Date
    Nov 2010
    Location
    On a mac
    Posts
    76
    Member #
    24894
    Liked
    4 times
    Try replacing $ with jQuery if you are having conflicts...


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:27 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com