I am attempting to make use of a jQuery script that will enable a "slider" or "slideshow" on my Drupal 7 front page. The instructions for the jQuery plugin (called FlexSlider) say to insert the following items into the header of the page where I want to use the plugin.
<!-- Place somewhere in the <head> of your document --> <link rel="stylesheet" href="flexslider.css" type="text/css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">`</script> <script src="jquery.flexslider.js"></script>
The problem is I don't know where in my template file I place these directives. I am using a custom front page for Drupal so I have a template file named
page--front.tpl.php. Do the directives go in there or some other location?