title: Cannot make Lightbox2 work in Django
body: <p>I cannot make Lightbox2 (<a href="http://lokeshdhakar.com/projects/lightbox2/" rel="nofollow">http://lokeshdhakar.com/projects/lightbox2/</a>)  work with Django. When I click on member's picture I would like to see the lightbox appear. Instead it displays the downloaded image. Also hover does not work on the image. Here is what I've done so far:</p>
  
  <p>I have downloaded Lightbox2 and copied files in js, img and css folders.</p>
  
  <p><strong>base.html</strong></p>
  
  <pre><code>&lt;head&gt;
      &lt;link rel="stylesheet" href="{% static 'css/ligthbox.css' %}" &gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;link rel="stylesheet" href="{% static 'css/ligthbox.css' %}" &gt;
      &lt;link rel="stylesheet" href="{% static 'css/ligthbox.css' %}" &gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>member_details.html (Django template)</strong></p>
  
  <pre><code>&lt;div class="members"&gt;
      {% if userprofile.profile_picture %}
      &lt;a href="{{ MEDIA_URL }}
      {{userprofile.profile_picture.url|default_if_none:'' }}" lightbox="{{userprofile.user.first_name }}" &gt;
          &lt;img class="lightbox" src="{{ MEDIA_URL }}{{ userprofile.profile_picture.url|default_if_none:"" }}" alt="{{ userprofile.user.first_name }}" /&gt;
      &lt;/a&gt;
      {% endif %}
  &lt;/div&gt;
  </code></pre>
  
  <p>Can someone please suggest how to fix this please.</p>