UPDATE regarding below question: sorry, I realize now what I was doing wrong. I needed to select a picture first. But I'll leave the rest of this here in case anyone else doesn't figure that out. (I'm not the only blonde here, am I?)
Nobody else has mentioned this problem so it must be my browser settings, but I have no idea which one.
When I click on the image code, and get the 'copied' message, and then paste the code into the post form... rather that the image code, this appears:
I'm using 3.7.0. Thanks for any help or advice!
Code:
<!-- Photobucket Image Upload -->
<style type="text/css">
.viewable {
display: block;
}
.viewable a {
line-height: 16px;
font-size: 14px;
font-weight: bold;
font-family: sans-serif;
color: {$vbulletin->options['photobucket_displaycolor']};
}
.viewable a:hover {
color: {$vbulletin->options['photobucket_displayhovercolor']};
cursor: pointer;
text-decoration: underline;
}
.hidden {
display: none;
}
</style>
<script type="text/javascript" language="JavaScript">
<!--
function view() {
fetch_object('hidelink').className = "viewable";
fetch_object('viewlink').className = "hidden";
fetch_object('photobucket').className = "viewable";
fetch_object('jwidget').src = "http://photobucket.com/svc/jwidget.php?width={$vbulletin->options['photobucket_width']}&height={$vbulletin->options['photobucket_height']}&largeThumb=false&pbaffsite=272&bg={$vbulletin->options['photobucket_bgcolor']}&border=false&bordercolor=%23000000&url=&linkType=img&textcolor={$vbulletin->options['photobucket_color']}&linkcolor={$vbulletin->options['photobucket_linkcolor']}&media=both&btntxt=&searchenabled=true&searchlinkcolor=&searchbgcolor="
return false;
}
function hide() {
fetch_object('hidelink').className = "hidden";
fetch_object('viewlink').className = "viewable";
fetch_object('photobucket').className = "hidden";
return false;
}
//-->
</script>
<fieldset class="fieldset">
<legend>Add images from your Photobucket Account</legend>
<div style="padding:$stylevar[formspacer]px">
<span id="viewlink" class="viewable">
<nobr><a href="javascript:{}" onclick="view();">{$vbulletin->options['photobucket_displaytextvisible']}</a></nobr>
</span>
<span id="hidelink" class="hidden">
<nobr><a href="javascript:{}" onclick="hide();">{$vbulletin->options['photobucket_displaytexthide']}</a><br>
<div id="photobucket" class="hidden" align="center">
<iframe name="jwidget" id="jwidget" src="http://photobucket.com/svc/jwidget.php?width={$vbulletin->options['photobucket_width']}&height={$vbulletin->options['photobucket_height']}&largeThumb=false&pbaffsite=272&bg={$vbulletin->options['photobucket_bgcolor']}&border=false&bordercolor=%23000000&url=&linkType=img&textcolor={$vbulletin->options['photobucket_color']}&linkcolor={$vbulletin->options['photobucket_linkcolor']}&media=both&btntxt=&searchenabled=true&searchlinkcolor=&searchbgcolor=" bgcolor="transparent" width="{$vbulletin->options['photobucket_width']}" height="{$vbulletin->options['photobucket_height']}" frameborder="0" scrolling="no">You must have an iframe-compatable browser to view the Photobucket Upload form.</iframe>
</div></nobr>
</span>
</div>
</fieldset>
<!-- / Photobucket Image Upload -->