thumbnail gallery

[masterchief]

Basically, I would like an additional moderator tool for the forums. When I find an attached image that catches my eye, I would like to have checkbox that allows me to include the thumbail in Featured Thread gallery.. thumbnail will link back to the thread. Option to include location of gallery.

Place the following code into the PAGE_CONTAINER to see how it appears as final output. Each thumbnail requires its own <a href=" ... statement.

<div style="border: 1px solid #7192a8; -moz-border-radius: 5px; width: 891px; overflow: auto;">
     <div align="center";>
           <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
           <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
           <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
           <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
           <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
           <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
           <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
           <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
           <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
           <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
     </div>
</div>

<!-- top breadcrumb, top ctrl -->

There are maximum 10 thumbnails for each row with autowrap to new row upon adding additional thumbnails. This will display on every page of your site, so issue of display control exists. Thumbnail view permission in group permissions must also be allowed to view thumbnail gallery.

 

[masterchief]

code addition to allow for text header

<!--  thumbnail gallery -->
<div style="background-color: #F9D9B0; border: 1px solid #7192a8; padding-left: 10px; -moz-border-radius: 5px 5px 0px 0px; width: 881px; overflow: auto;">
Featured Threads - Click on thumbnail for message thread
</div>
<div style="border: 1px solid #7192a8; -moz-border-radius: 0px 0px 5px 5px; width: 891px; overflow: auto;">
           <a href="http://localhost/xenforo/threads/2/"><img width="80" vspace="2" hspace="1" height="80" title="Comic Character" src="http://masterchief.com/attachments/2/?embedded=1" alt="toonman"></a>
</div>


<!-- top breadcrumb, top ctrl -->