Two javascript codes get in conflict

Vote count:

0

I recently installed two js to my webpage, but always just one works.

<script src="http://ift.tt/1bfiD4X" type="text/javascript"></script>
        <script src="jquery.carouFredSel.js" type="text/javascript"></script>
        <script type="text/javascript" language="javascript" src="jquery-1.8.2.min.js"></script>
        <script type="text/javascript" language="javascript" src="jquery.carouFredSel-6.2.1-packed.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#foo1').carouFredSel({
                    auto: {
                        pauseOnHover: 'resume',
                        progress: '#timer1'
                    }
                }, {
                    transition: true
                });
            });
        </script>   

And the other one:

<link rel="stylesheet" href="res/colorbox.css" />
<script type="text/javascript" src="http://ift.tt/VorFZx"></script>
<script type="text/javascript" src="res/jquery.colorbox-min.js"></script>
<script type="text/javascript">  
$(document).ready(function(){
    setTimeout(function() {
        $.fn.colorbox({href:"images/felugro.png", open:true});  
    }, 1500);
});  
</script>

But it seems that the two ajax links get in conflinct and if I remove one ajax link, the other works perfectly, any idea?

asked 1 min ago

user3453441

1