Welcome to DU! The truly grassroots left-of-center political community where regular people, not algorithms, drive the discussions and set the standards. Join the community: Create a free account Support DU (and get rid of ads!): Become a Star Member Latest Breaking News Editorials & Other Articles General Discussion The DU Lounge All Forums Issue Forums Culture Forums Alliance Forums Region Forums Support Forums Help & Search

Make7

(8,550 posts)
6. Very nice. (TIP: doing thumbnail images with photobucket.)
Mon May 28, 2012, 02:44 PM
May 2012

It's fairly easy to do clickable thumbnail images for photobucket pictures like these:


[div style="display:inline;" title="Click for full size image"]   [div style="display:inline;" title="Click for full size image"]   [div style="display:inline;" title="Click for full size image"]   [div style="display:inline;" title="Click for full size image"]   [div style="display:inline;" title="Click for full size image"]


The thumbnail image at photobucket is the same image address but has 'th_' as a prefix. So the image address and thumbnail image address of the first picture are:

[div style="margin-left:1.5em;"]http://i1056.photobucket.com/albums/t377/mariposa1000/DSCN4255.jpg
http://i1056.photobucket.com/albums/t377/mariposa1000/th_DSCN4255.jpg

So to do a thumbnail image linking to the larger image you can use the following code (using the above image as an example with the changes to the image address highlighted):

[div style="margin-left:1.5em; color:#000099;"][link:http://i1056.photobucket.com/albums/t377/mariposa1000/DSCN4255[font style="background-color:#3366cc; color:#ffffff;"]%2E[/font]jpg|http://i1056.photobucket.com/albums/t377/mariposa1000/[font style="background-color:#3366cc; color:#ffffff;"]th_[/font]DSCN4255.jpg]
So you can see all that is needed is to change the period to '%2E' in the first part of the link tag and add the 'th_' to the beginning of the image filename in the second part of the link tag.

Recommendations

0 members have recommended this reply (displayed in chronological order):

Latest Discussions»Help & Search»DU Community Help»With thanks to Raindog, I...»Reply #6