Tiny Pic Image Up-Loader

[Former Member]

Tiny Pic
Image Up-loader

This will add a link at the bottom of the posting page
That when clicked on will  hide/show the tiny pic image up-loader

Click on browse to upload your image
Once it has uploaded copy the IMG code of the image
Then paste that on the page when creating a thread post
Allowing you to add and copy the IMG code of the image
Rather than going to the tiny-pic web-page to upload your images

Screenshots






Once the you have uploaded the image to tiny pic
Copy IMG code to paste on the posting page
When you create a thread/post


Go Templates - Posting Page - Look For $[form.footer]

And add the code below DIRECTLY under $[form.footer]

You can change the text colour and size to suit your forum


<center><font size="2" color="#e60000">Click The Link Below To Show/Hide Tinypic Image Uploader To Upload Your Images</font></center><br>
<script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//--></script>
<div id="tinypicimageuploader" style="display:none;">
<center><script type="text/javascript">tinypic_layout = 'wide';tinypic_type = 'images';tinypic_links = 'forum';tinypic_language = 'en';tinypic_search = 'false';tinypic_autoload = true;</script><script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script></center>
</div>
<center><a href="javascript:ReverseDisplay('tinypicimageuploader')">
Click to show/hide Tinypic Image Uploader.
</a></center><br /><br />




EDIT: updated to add html colour of link
You can change the colour and size to suit your forum
Also updated screenshots

[aRMY83]

Just tried this on my test site @xsteveuk and noticed that there was two closing </div> I had to remove before it functioned:

$[form.footer]
</div>
</div>

or the two at the end of your code:

</a></center><br /><br />
</div></div>

Other than that, it works great!

[Former Member]

Thanks aRMY83

Updated and fixed

Steve

[aRMY83]

You're welcome Steve.