darkufo
Chevereto Member
🎯Description of the issue
This is not really a problem more of a how to do as i could not find anything in the help. I'm pretty technical so don't mind getting my hands dirty.
▶🚶Reproduction steps
eg something like this
<a href="https://gallery.spoilertv.com/image/vjmd"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_19_800x600.th.jpg" alt="1030224_2_3471867_19_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vyZ4"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_12_800x600.th.jpg" alt="1030224_2_3471867_12_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vxHu"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_17_800x600.th.jpg" alt="1030224_2_3471867_17_800x600.th.jpg" border="0"></a>
What I would like is for the code the be wrapped with something like this
<div class="mythumbnailcss">
<a href="https://gallery.spoilertv.com/image/vjmd"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_19_800x600.th.jpg" alt="1030224_2_3471867_19_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vyZ4"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_12_800x600.th.jpg" alt="1030224_2_3471867_12_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vxHu"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_17_800x600.th.jpg" alt="1030224_2_3471867_17_800x600.th.jpg" border="0"></a>
</div>
This way I can control the appearance via CSS of the images etc when embedded on my site. eg size/padding/margin etc
How would I go about added the <div class="mythumbnailcss"> and </div> to the generated thumnbail code?
This is not really a problem more of a how to do as i could not find anything in the help. I'm pretty technical so don't mind getting my hands dirty.
▶🚶Reproduction steps
- Goto an Album and click on Embed
- Select HTML Thumbnail Linked.
eg something like this
<a href="https://gallery.spoilertv.com/image/vjmd"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_19_800x600.th.jpg" alt="1030224_2_3471867_19_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vyZ4"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_12_800x600.th.jpg" alt="1030224_2_3471867_12_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vxHu"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_17_800x600.th.jpg" alt="1030224_2_3471867_17_800x600.th.jpg" border="0"></a>
What I would like is for the code the be wrapped with something like this
<div class="mythumbnailcss">
<a href="https://gallery.spoilertv.com/image/vjmd"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_19_800x600.th.jpg" alt="1030224_2_3471867_19_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vyZ4"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_12_800x600.th.jpg" alt="1030224_2_3471867_12_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vxHu"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_17_800x600.th.jpg" alt="1030224_2_3471867_17_800x600.th.jpg" border="0"></a>
</div>
This way I can control the appearance via CSS of the images etc when embedded on my site. eg size/padding/margin etc
How would I go about added the <div class="mythumbnailcss"> and </div> to the generated thumnbail code?