title: flexslider for implement a basic slider can't resolve file jquery.flexslider.js
body: <p>Hello I would realize a basic slider. I want to do this using <a href="http://flexslider.woothemes.com/index.html" rel="nofollow">http://flexslider.woothemes.com/index.html</a></p>
  
  <p>In my file application.htlm I've added the code how say the getting start link
  <a href="http://www.woothemes.com/flexslider/" rel="nofollow">http://www.woothemes.com/flexslider/</a></p>
  
  <p><strong>But display image normal without basic slider.
  I noted that in file application see me
  can't resolve file  jquery.flexslider.js why?</strong></p>
  
  <p>This is my <code>application.html</code></p>
  
  <pre><code>   &lt;!DOCTYPE html&gt;
     &lt;html&gt; 
     &lt;head&gt;
     &lt;script type="text/javascript"
     src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAlDKLvBpApFUJJVjSXbZ-     BV40B3xBVtYY&amp;sensor=true&amp;language=it" type="text/javascript"&gt;
      &lt;/script&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;SmartEconomy Project&lt;/title&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile- 1.3.0.min.css" /&gt;
      &lt;%= javascript_include_tag :defaults %&gt;
      &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"&gt; &lt;/script&gt;
      &lt;%= csrf_meta_tag %&gt;
     &lt;!-- Place somewhere in the &lt;head&gt; of your document --&gt;
     &lt;link rel="stylesheet" href="flexslider.css" type="text/css"&gt;
     &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;   &lt;/script&gt;
    &lt;script src="jquery.flexslider.js"&gt;&lt;/script&gt;
    &lt;!-- Place in the &lt;head&gt;, after the three links --&gt;
    &lt;script type="text/javascript" charset="utf-8"&gt;
    // Can also be used with $(document).ready()
    $(window).load(function() {
        $('.flexslider').flexslider({
  
  
        });
    });
   &lt;/script&gt;
  
  
   &lt;script&gt;
     $(document).on("click", ".show-page-loading-msg", function() {
        var $this = $( this ),
                theme = $this.jqmData("theme") ||    $.mobile.loader.prototype.options.theme,
                 msgText = $this.jqmData("msgtext") ||  $.mobile.loader.prototype.options.text,
                 textVisible = $this.jqmData("textvisible") ||  $.mobile.loader.prototype.options.textVisible,
                 textonly = !!$this.jqmData("textonly");
         html = $this.jqmData("html") || "";
        $.mobile.loading( 'show', {
            text: msgText,
            textVisible: textVisible,
            theme: theme,
            textonly: textonly,
            html: html
        });
      })
            .on("click", ".hide-page-loading-msg", function() {
                $.mobile.loading( 'hide' );
            });
     &lt;/script&gt;
  
    &lt;script  type=text/javascript&gt;
  
     function getLatLon(){
  
        var address=document.getElementById("Address").value;
  
     //   var address=document.getElementsByName("address").value;
  
        var cat=address.concat(',');
  
  
        var user1Location = cat
        var geocoder = new google.maps.Geocoder();
        geocoder.geocode({
            address: user1Location
        }, function(locResult) {
            console.log(locResult);
            var lat1 = locResult[0].geometry.location.lat();
            var lng1 = locResult[0].geometry.location.lng();
  
            $("#demo").html("latitude:" + lat1 + "&lt;p&gt;longitude:" + lng1 + "&lt;/p&gt;"
                    +"&lt;input type='hidden' id='latitude' name='promotion[lang]'  value='"+lat1+"'&gt;"+
                    "&lt;input type='hidden' id='longitude' name='promotion[long]' value='"+lng1+"'&gt;");
  
        });
  
  
  
      //  var  vett =  [
      //  ['blabla',37.44,54.33,1],
      //  ['casds',4334.44,323.2,2]
       // ];
    }
  
  
     &lt;/script&gt; 
    &lt;/head&gt;
  
   &lt;body&gt;
  
   &lt;div data-role="header"  id="ale" data-theme="a"&gt;
   &lt;h1&gt;  SmART_eConomY &lt;/h1&gt;
  
   &lt;!-- Place somewhere in the &lt;body&gt; of your page --&gt;
   &lt;div class="flexslider"&gt;
   &lt;ul class="slides"&gt;
    &lt;li&gt;
      &lt;%= image_tag "facebook.png" %&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;img src="slide2.jpg" /&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;img src="slide3.jpg" /&gt;
     &lt;/li&gt;
    &lt;/ul&gt;
    &lt;/div&gt;
  
    &lt;div data-role="controlgroup" data-type="horizontal"class ="ui-btn-left" &gt;
  
    &lt;%= link_to 'Sign up', new_user_registration_url ,'datatheme'=&gt;'c','data-  role'=&gt;'button','data-icon' =&gt; 'plus','data-iconpos'=&gt;'left',  'data-transition'=&gt;'fade'%&gt;
   &lt;%= link_to 'Sign in', new_user_session_url,'data-role'=&gt;'button','data-icon' =&gt;     'plus', 'data-iconpos'=&gt;'left', 'data-transition'=&gt;'slidedown' %&gt;
  
   &lt;/div&gt;
   &lt;div data-role="controlgroup" data-type="horizontal"class ="ui-btn-right" &gt;
  
    &lt;a href="users/auth/facebook" data-ajax="false" class="auth_provider"&gt; 
    &lt;%= image_tag "facebook.png",  :alt =&gt; "Facebook" %&gt;&lt;/a&gt;
    &lt;/div&gt;
  
    &lt;/div&gt;
  
    &lt;div data-role="navbar" data-theme="b" data-iconpos="bottom" &gt;
   &lt;ul&gt;
    &lt;li&gt;&lt;%= link_to "Home",promotions_path,'data-icon'=&gt;'home','data-theme'=&gt;'c','data- mini'=&gt;'true',"data-ajax"=&gt;"false"%&gt;&lt;/li&gt;
    &lt;li&gt;&lt;%= link_to "Add Good",new_good_url,'data-icon'=&gt;'plus','data-theme'=&gt;'c','data- mini'=&gt;'true',"data-ajax"=&gt;"false"%&gt;&lt;/li&gt;
    &lt;li&gt;&lt;%= link_to "Create Promo", new_promotion_url,'data-icon'=&gt;'plus','data-t theme'=&gt;'c','data-mini'=&gt;'true',"data-ajax"=&gt;"false"%&gt;&lt;/li&gt;
    &lt;li&gt;&lt;%= link_to "Add Category",new_category_url,'data-icon'=&gt;'plus','data-theme'=&gt;'c','data-mini'=&gt;'true',"data-ajax"=&gt;"false"%&gt;&lt;/li&gt;
    &lt;li&gt;&lt;%= link_to "Search Promo",:promo_search,'data-icon'=&gt;'search','data-theme'=&gt;'a','data-mini'=&gt;'true',"data-ajax"=&gt;"false" ,'target'=&gt;'_parent','class'=&gt;'show- page-loading-msg', 'data-theme'=&gt;'c','data-textonly'=&gt;'false', 'data-textvisible'=&gt;'true',  'data-msgtext'=&gt;'Map is loading, sorry for latency' ,'data-icon'=&gt;'search','data-iconpos'=&gt;'right'%&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;/div&gt;&lt;!-- /navbar --&gt;
  
   &lt;% if user_signed_in? %&gt;
    &lt;div class="ui-bar ui-bar-b" data-role="header"&gt;
    &lt;%= link_to "Profile",:accountsettings,'data-icon'=&gt;'gear','data-  role'=&gt;'button','data-mini'=&gt;'true'%&gt;
      &lt;h1&gt; Signed in as &lt;%= current_user.email %&gt;. Not you?&lt;/h1&gt; &lt;%= link_to "Sign out",  :signout,'data-icon'=&gt;'delete','data-role'=&gt;'button','data-mini'=&gt;'true'%&gt;
       &lt;h2  class="notice" &lt;%= notice %&gt; class="alert"&gt;&lt;%= alert %&gt; &lt;/h2&gt;
    &lt;/div&gt;
    &lt;% end %&gt;
    &lt;div class="ui-bar ui-bar-b" data-role="header"&gt;
    &lt;p class="notice"&gt;&lt;%= notice %&gt;&lt;/p&gt;
    &lt;p class="alert"&gt;&lt;%= alert %&gt;&lt;p/&gt;
    &lt;/div&gt;
  
   &lt;%=yield %&gt;
  
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>