Tinypic & Photobucket image Uploader - Hide/Show

[Former Member]

I did this manymoons ago for v4 and have updated the hide/show script
It uses the tinypic image uploader and a free div hide show javascript

TinyPic Image Uploader

It will show a text link that when clicked on will show hide the tinypic image uploader

See Screenshots





Clicking on the text link at the bottom will hide the image uploader

Copy all the code below into your Board header
Or Global headers


<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 />

EDIT: I have removed the search photobucket button from the uploader
Steve

[Former Member]

Photobucket Image Uploader - Hide & Show

See Screenshots





This will add a text link that when clicked on will hide & show the image uploader

Clicking on the text link at the bottom of the image uploader will hide it


Copy all the code below add it board headers
Or Global headers depending on where you want it


(( The height of the image uploader is the minimum that photobucket will allow ))

Just login into your photobucket account and upload your images
And then copy the IMG code to paste onto your posting when create a thread
It is set for IMAGES ONLY!  IMG code

<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="photobucketimageuploader" style="display:none;">
<center><iframe name="plugin" src="http://photobucket.com/plugin?width=200200200&height=350350350&largeThumb=&pbaffsite=n/an/an/a&bg=%23FFFFFF%23FFFFFF%23FFFFFF&border=false&bordercolor=%23000000%23000000%23000000&url=&linkType=img&textcolor=%23000000%23000000%23000000&linkcolor=%230000FF%230000FF%230000FF&media=image&btntxt=&searchenabled=false&searchlinkcolor=&searchbgcolor=" bgcolor="transparent" width="600" height="380" frameborder="0" scrolling="no"></iframe></center>
</div>
<center><a href="javascript:ReverseDisplay('photobucketimageuploader')">
Click to show/hide Photobucket Image Uploader.
</a></center><br />

Steve

[Lynnrose]

Thanks xSteveuk...my members missed the Tinypic uploader when we moved to V5, so I have been using something else. I have put your code on the site, so we will see what happens