title: jquery fancybox -- how it works and what it needs?
body: <p>Please excuse me for stupid question, but I am a noob in javascript and just curious.</p>
  
  <p>I have a local html file with fancybox plugged in, and this file works great locally, but only if internet connection is established. So I wonder why?</p>
  
  <p>Does script send some kind of requests? And if so, to which server?</p>
  
  <p>This is the code (it shows modal window):</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;title&lt;/title&gt;
      &lt;link href="css/main.css" rel="stylesheet" type="text/css" media="all" /&gt;
      &lt;link href="css/fancybox.css" rel="stylesheet" type="text/css" media="all" /&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/fancybox.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/fancybox.pack.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.mousewheel.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jScrollPane.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/cusel.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/fns.js"&gt;&lt;/script&gt;
  
  
   &lt;/head&gt;
      &lt;body&gt;
      &lt;!-- This one triggers modal window --&gt;
          &lt;div class="order_call"&gt;&lt;a href="#popup1" class="pseudolink popup_link"&gt;&lt;span    class="order_call_icon"&gt;&lt;/span&gt;Order&lt;/a&gt;&lt;/div&gt;
  
  
  
  
  &lt;!-- and this one is window itself --&gt;  
  
  
  &lt;div class="popup_reduser"&gt;
                          &lt;h2 class="border"&gt;Обратный звонок&lt;span class="popup_close"&gt;ЗАКРЫТЬ&lt;em&gt;&lt;/em&gt;&lt;/span&gt;&lt;/h2&gt;
                          &lt;form action="" id="feedback"&gt;
                              &lt;table class="form_table"&gt;
                                  &lt;tr&gt;
                                      &lt;td class="label_td"&gt;
                                          &lt;label for="popup_tel_num" class="label"&gt;Номер телефона: &lt;span&gt;*&lt;/span&gt;&lt;/label&gt;
                                      &lt;/td&gt;
                                      &lt;td&gt;&lt;input type="text" id="popup_tel_num" class="input" /&gt;&lt;/td&gt;
                                  &lt;/tr&gt;
                                  &lt;tr&gt;
                                      &lt;td class="label_td"&gt;&lt;label for="name"  class="label"&gt;Имя:&lt;/label&gt;&lt;/td&gt;
                                      &lt;td&gt;&lt;input type="text" id="name" class="input" /&gt;&lt;/td&gt;
                                  &lt;/tr&gt;
                                  &lt;tr&gt;
                                      &lt;td class="label_td"&gt;Позвоните мне:&lt;/td&gt;
                                      &lt;td&gt;
                                          &lt;input type="radio" id="feedback1" class="radio" name="radio" /&gt;
                                          &lt;label for="feedback1" class="radio_label"&gt;прямо сейчас&lt;/label&gt;
                                      &lt;/td&gt;
                                  &lt;/tr&gt;
                                  &lt;tr class="tr_last"&gt;
                                      &lt;td class="label_td"&gt;&amp;nbsp;&lt;/td&gt;
                                      &lt;td class="time_select"&gt;
                                          &lt;input type="radio" id="feedback2" class="radio" name="radio" /&gt;
                                          &lt;span class="txt"&gt;с&lt;/span&gt;
                                          &lt;div class="short"&gt;
                                              &lt;select name="" id="select10" class=""&gt;
                                                  &lt;option value=""&gt;10:00&lt;/option&gt;
                                                  &lt;option value=""&gt;11:00&lt;/option&gt;
                                                  &lt;option value=""&gt;12:00&lt;/option&gt;
                                              &lt;/select&gt;
                                          &lt;/div&gt;
                                          &lt;span class="txt"&gt;до&lt;/span&gt;
                                          &lt;div class="short"&gt;
                                              &lt;select name="" id="select11" class=""&gt;
                                                  &lt;option value=""&gt;10:00&lt;/option&gt;
                                                  &lt;option value=""&gt;11:00&lt;/option&gt;
                                                  &lt;option value=""&gt;12:00&lt;/option&gt;
                                              &lt;/select&gt;
                                          &lt;/div&gt;
                                      &lt;/td&gt;
                                  &lt;/tr&gt;
                              &lt;/table&gt;
                              &lt;div class="submit"&gt;&lt;input type="submit" value="Заказать" /&gt;&lt;/div&gt;
                              &lt;div class="reset"&gt;&lt;input type="reset" value="Отменить" /&gt;&lt;/div&gt;
                          &lt;/form&gt;
                          &lt;div class="clear"&gt;&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;    
  
  
  
  
          &lt;/body&gt;
          &lt;/html&gt;
  </code></pre>
  
  <p>Thanks everyone!</p>