search

miromannino / Justified-Gallery

Javascript library to help creating high quality justified galleries of images. Used by thousands of websites as well as the photography community 500px.
http://miromannino.github.io/Justified-Gallery/
MIT License
1.68k stars 299 forks source link

How can I modify the HTML structure to this? #315

Closed yelnyafacee closed 5 years ago

yelnyafacee commented 5 years ago

hi, is it possible to modify the gallery HTML structure to this?

<div id="mygallery">

   <div><!-- wrapper 1 -->
      <div class="jq-row"><!-- row wrapper for images -->
         <div class="jq-box"><a href="#"><img src="test1.jpg"></a></div>
         <div class="jq-box"><a href="#"><img src="test2.jpg"></a></div>
         <div class="jq-box"><a href="#"><img src="test3.jpg"></a></div>
         <div class="jq-box"><a href="#"><img src="test4.jpg"></a></div>
      </div>

      <div class="jq-row"><!-- row wrapper for img display box -->
         <div class="image-preview-box">
            <!-- HTML : display the image ( on-click ) -->
         </div>
      </div>
   </div>

</div>
yelnyafacee commented 5 years ago

hi, is it possible to modify the HTML structure to this? I saw this structure used on another website using REACT

miromannino commented 5 years ago

Yes definitely!

See this page: http://miromannino.github.io/Justified-Gallery/input-formats/