Jump to content
Scot's Newsletter Forums
Sign in to follow this  
LilBambi

Image Thumbnails- formula to use them

Recommended Posts

[b]Image Thumbnailsformula to use them with URL (http://) links within posts[/b]This is just a cool trick to make use of integrating the IMG tag and http:// link button coder to provide thumbnail pictures and links to full size pictures, so folks can see if they'd like to click on the http:// link to see the full size picture.Thereby keeping the page loads quick for dialup users and prevents annoying horizontal scrolling for everyone regardless of their computer's resolution.[b]NOTE:[/b] Please see forum Rule #8 for specific requirements and considerations on posting images within messages.---[b]Here are some textual instructions:[/b]Just use 'thumpnail' image tag as the "My Webpage" text area of an HTML URL Link which would be the full size picture.NOTE: JPG/JPEG images have been disabled for security reasons on the forum, so please be sure to use GIF or PNG files.[b]Examples:[/b]A screenshot of my Ubuntu Linux desktop's postings from this thread:[url="http://forums.scotsnewsletter.com/index.php?showtopic=17201&hl=Ubuntu+installation"]Ubuntu installation[/url]:[url="http://www.flickr.com/photos/lilbambi01/305324916/"][img]http://www.bambismusings.com/images/Ubuntu_transparent_Gnome_sm.png[/img][/url] [b]Now here's the code:[/b][code][url=http://www.flickr.com/photos/lilbambi01/305324916/][img]http://www.bambismusings.com/images/Ubuntu_transparent_Gnome_sm.png[/img][/url][/code](code would actually be on one line, but I have intentionally broken to two lines to keep horizontal scrolling from breaking the standard forum width.)See how the http:// URL link button for the forums, which by default says "My Webpage" if you don't change it to something else, is where you put the link to the thumbnail IMG you see?--Here's an example by EdP with a cool example of this process in the thumbnail example:[url="http://img.photobucket.com/albums/v68/Corrine3/Thumbnail.gif"][img]http://img.photobucket.com/albums/v68/Corrine3/Thumbnailx.gif[/img][/url][b]Steps:[/b]1. Using the http:// button, create an http:// link to the full size image (the one that will open in another window when you click on the 'link') but leave the [b]"My Webpage"[/b] words in the link (will replace these words later). I always enter at this point to make it easier to keep the codes sorted out.2. Using the IMG button, create an IMG tag to the thumbnail image you want to view within the post. Copy and paste this 'code' in place of the words [b]My Webpage[/b] in the http:// link above.3. I always preview first to make sure I haven't cut into any of the codes accidentally breaking it. When satisified, post message.4. Done.Hope that all makes sense. :teehee:Feel free to PM me if you have questions.---If you need a place to host a picture, see the following Feedback Topic, or contact a forum moderator:[url="http://forums.scotsnewsletter.com/index.php?act=ST&f=9&t=3586"]http://forums.scotsnewsletter.com/index.ph...;f=9&t=3586[/url]If you know of a place that will host pictures, please post in the above Feedback Topic. Edited by LilBambi

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...