Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Iftode Daniel
seal-mask
.a{fill-rule:evenodd;}techdegree
Iftode Daniel
Front End Web Development Techdegree Student 14,093 Points

i can't seem to make this plugin work i linked the plugin files and the jquery files and respected the html structure

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="normalize.css"> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="plugin/css/lightbox.css"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="javascript.js"></script> </head> <body> <div class="content"> <input type="text" id="search" class="searchbox" name="search" placeholder="Start typing here" data-toggle="hideseek" data-list=".list">

  <div class="list">
    <div class="box">
      <a href="img/01.jpg" title="Hay Bales" data-lightbox="image-1" data-title="dany"><img src="thumbnails/01.jpg"></a>
    </div>

    <div class="box">
      <a href="img/02.jpg" title="doi" data-lightbox="image-1" data-title="petrica"><img src="thumbnails/02.jpg"></a>
    </div>

    <div class="box">
      <a href="img/03.jpg" title="trei" data-lightbox="image-1" data-title="gica"><img src="thumbnails/03.jpg"></a>
    </div>

    <div class="box">
      <a href="img/04.jpg" title="patru" data-lightbox="image-1" data-title="where is dany"><img src="thumbnails/04.jpg"></a>
    </div>

    <div class="box">
      <a href="img/05.jpg" title="cinci" data-lightbox="image-1" data-title="where is dany"><img src="thumbnails/05.jpg"></a>
    </div>

    <div class="box">
      <a href="img/06.jpg" title="sase" data-lightbox="image-1" data-title="where is dany"><img src="thumbnails/06.jpg"></a>
    </div>

    <div class="box">
      <a href="img/07.jpg" title="sapte" data-lightbox="image-1" data-title="where is dany"><img src="thumbnails/07.jpg"></a>
    </div>

    <div class="box">
      <a href="img/08.jpg" title="opt" data-lightbox="image-1" data-title="where is dany"><img src="thumbnails/08.jpg"></a>
    </div>

    <div class="box">
      <a href="img/09.jpg" title="noua" data-lightbox="image-1" data-title="where is dany"><img src="thumbnails/09.jpg"></a>
    </div>

    <div class="box">
      <a href="img/10.jpg" title="zece" data-lightbox="image-1" data-title="where is dany"><img src="thumbnails/10.jpg"></a>
    </div>

    <div class="box">
      <a href="img/11.jpg" title="unspe" data-lightbox="image-1" data-title="where is dany"><img src="thumbnails/11.jpg"></a>
    </div>

    <div class="box">
      <a href="img/12.jpg" title="doispe" data-lightbox="image-1" data-title="where is dany"><img src="thumbnails/12.jpg"></a>
    </div>
  </div>

</div> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <script type="text/javascript" src="plugin/js/lightbox-plus-jquery.js"></script> <script type="text/javascript" src="plugin/hideseek/jquery.hideseek.js"></script> </body> </html>

Iftode Daniel
seal-mask
.a{fill-rule:evenodd;}techdegree
Iftode Daniel
Front End Web Development Techdegree Student 14,093 Points

as i type in the search box all pictures disappear instead of appearing accordingly to there respective title attribute please can someone tell me what am i doing wrong ?

1 Answer

Hey there, did you ever find an answer? I'm having the same problem right now.