how to combined between "easy silder" & "prety photo" jquery plugins?

Question

i have a problem put 2 jquery scripts in one page. only one is working until i remove the second script the other working. here is the code of easy slider

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

$(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true }); });

i put it in the head tags.

and here is pretty photo script i put it before the end of body tag.

<script type="text/javascript" charset="utf-8">

$(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); }); wish anybody can give me answer to make both of them work in same page. here is my website you can check the problem http://www.osmanassem.com/ thank you

Answer 1

You may want to just put both calls in the same document.ready function:

<script type="text/javascript">
    $(document).ready(function(){   
        $("#slider").easySlider({
            auto: true, 
            continuous: true
        });
        $(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_square'});

    }); 
</script>

Answer 2

Among other problems (doctororange is completely correct), your jQuery search string is $("a[rel^='prettyPhoto']") - that means you are applying prettyPhoto to all <a> elements with rel="prettyPhoto" (or rel that starts with "prettyPhoto"). As far as I can see, nothing like that exists in your page. What are you trying to use as the activator for the popup boxes?