www.webdeveloper.com
Results 1 to 8 of 8

Thread: Multiple scripts clashing - really frustrating..

Hybrid View

  1. #1
    Join Date
    Apr 2012
    Posts
    12

    Multiple scripts clashing - really frustrating..

    Hi all,

    I am having some issues with scripts clashing and I tried to combine them like this

    <script src="script1h.js" type="text/javascript"></script>
    <script src="script2h.js" type="text/javascript"></script>

    but it didnt work at all. Can anyone pls help and have a look at the SC on the website pendainternational.com

    Really appreciate the help.. Im getting so frustrated..

    Thx

  2. #2
    Join Date
    Feb 2012
    Location
    Bokaro Steel City (Jharkhand), India!
    Posts
    194
    Please elaborate your problem!

    Just providing the link does not seem enough for at least me.

  3. #3
    Join Date
    Apr 2012
    Posts
    12
    These are the scripts:

    <!-- JQUERY Library -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/colorbox/jquery.colorbox-min.js"></script>
    <script type="text/javascript" src="js/jcarousel/jquery.jcarousel.pack.js"></script>
    <script type="text/javascript" src="js/jquery.social.media.tabs.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.social.media.tabs.1.3.min.js"></script>
    <script type="text/javascript" src="js/fadeinout.js"></script>
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/Museo_Sans_500.font.js"></script>
    <script type="text/javascript" src="js/fontconfig.js"></script>
    <script type="text/javascript" src="js/menu/ddsmoothmenu.js"></script>

    <!-- Initiate carousel with 4 image blocks -->
    <script type="text/javascript">

    jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
    scroll: 4,
    wrap: 'both'
    });
    });

    </script>
    <script>
    $(document).ready(function($){
    $('#social-tabs').dcSocialTabs({
    twitterId: 'pendakenya',
    facebookId: '119419191495335',
    fblikeId: '119419191495335',
    fbrecId: 'www.pendainternational.com',
    googleId: '',
    flickrId: '',
    deliciousId: '',
    youtubeId: 'pendakenya',
    diggId: '',
    pinterestId: 'pendakenya',
    lastfmId: 'pendakenya',
    dribbbleId: '',
    vimeoId: 'vimeo',
    stumbleuponId: ''
    });
    });</script>
    <script type="text/javascript" src="js/common.js"></script>
    </head>

    The social tab, the menu and the carousel are clashing. The way it is now the Social Tabs and the Menu are working BUT they are preventing carousel to function as it should. When image is clicked a bigger image should open but it doesnt. I tested it by itself only without the social tab and the menu and it works. So it means they are clashing. Cant seem to figure out a way for them to work together when combined..

    Home that help.. and thats very much for your help.. i appreciate it..

  4. #4
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,653
    did you recieve any error?

  5. #5
    Join Date
    Apr 2012
    Posts
    12
    Nope.. no errors at all.. u can see it on the page www.pendainternational.com/about.html

    The carousel at the top of the page with the pictures. when u click it a big image should open.. it doesnt.. all other scripts run Okay..

  6. #6
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,653
    the carousel script is unreadable cipher...

  7. #7
    Join Date
    Apr 2012
    Posts
    12
    But in the original template it is exactly the same and it readable... so it is on itself on that page without the social tabs and the menu..

  8. #8
    Join Date
    Apr 2012
    Posts
    12
    I fixed it. Seems like the Social Tab was clashing with the carousel. I placed the other library on the last place and all the scripts work now.. just a reordering fixed it..

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles