XF 1.2 Make attached images display like Photobucket

[vord]

I'm stuck again. I try to discourage photobucket on the forum but currently I have attached images displaying as thumbnails that open the lightbox, while photobucket images show full size and are nicely resized by the responsive css. So Photobucket images look better and take much less time to look at! I don't want to be encouraging members to host images on that site.

How do I get the attachments to display full size like the linked images? Or are there tricks to make the attached images blow externally hosted images out of the water?

 

[Paul B]

Attached images show full size if the poster clicks on the relevant option when creating the post.

 

[vord]

Is there a way of doing the same for imported images? I'm moving mature forums from vB3.

 

[Paul B]

How do the images currently display?

 

[vord]

I've attached one. The top image is an attachment imported from vB3. It's a funny size and I've fiddled with thumbnail sizes a bit so it doesn't quite work. The one after is Photobucket.

Ideally I'd like to import images from vB3 so they show like they did over there. I can import over again - this is only a test site.

 

[Paul B]

If they were inline attachments in vB, the importer should have dealt with them as far as I am aware.

How does the actual code show in vB in a post?

 

[vord]

I fiddled around with the vB3 code but it should be operating as intended:

            I put together a <a href="http://www.renault4.co.uk/paint-codes.htm" target="_blank">paint code page</a> a while ago, but the colours were photographed from a paint chart and didn't come out very well.  I'd like to replace those colour tabs with pictures of real cars.  <br />
<br />
If you know the colour code for your car and could post a photo of it I'd be most grateful.
</div>


        </div>
        <!-- / message -->

       
        <!-- attachments -->
            <div style="padding:6px">

           

           
                <fieldset class="fieldset">
                    <legend>Attached Images</legend>
                    <div style="padding:3px">
                    <img class="attach" src="attachment.php?attachmentid=2328&amp;stc=1&amp;d=1239468563" border="0" alt="" />&nbsp;
                    </div>
                </fieldset>
           

           

           

           

            </div>
        <!-- / attachments -->
       

       
       

       

       

       

        <div style="margin-top: 10px" align="right">
            <!-- controls -->
           
           
           
                <a href="newreply.php?do=newreply&amp;p=14398" rel="nofollow"><img src="images/buttons/quote.gif" alt="Reply With Quote" border="0" /></a>
           
           
           
           
           
           
           
               
           
           
            <!-- / controls -->
        </div>

    <!-- message, attachments, sig -->

    </td>
</tr>
</table>


<!-- vord added member to show profile next line -->



    </div>
   
        </div>
    </div>
</div>

<!-- / close content container -->

<!-- / post #14398 --><!-- post #14399 -->

    <!-- open content container -->

<div align="center">
    <div class="page" style="width:100%; text-align:left">
        <div style="padding:0px 25px 0px 25px" align="left">

    <div id="edit14399" style="padding:0px 0px 6px 0px">
    <!-- this is not the last post shown on the page -->



<table class="tborder" id="post14399" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
    <td class="thead" >
        <div class="normal" style="float:right">
            &nbsp;
<!-- vord link to postcount for members -->

#<strong>2</strong>

<!-- /vord -->       
           
           
           
           
           
        </div>

        <div class="normal">
            <!-- status icon and date -->
            <a name="post14399"><img class="inlineimg" src="images/statusicon/post_old.gif" alt="Old" border="0" /></a>
           
                11-04-09, 06:04 PM
           
           
            <!-- / status icon and date -->
        </div>
    </td>
</tr>
<tr>
    <td class="alt2" style="padding:0px">
        <!-- user info -->
        <table cellpadding="0" cellspacing="6" border="0" width="100%">
        <tr>
           
            <td nowrap="nowrap">

                <div id="postmenu_14399">
                           
<!-- vord added member to show profile next line -->
                   
                <strong>ggcton</strong>
                   
                </div>

                <div class="smallfont">Enthusiast</div>
               
               

            </td>
            <td width="100%">&nbsp;</td>
            <td valign="top" nowrap="nowrap">

                <div class="smallfont">
                    <div>Join Date: Mar 2009</div>
                    <div>Location: Grimoldby Lincolnshire &amp; Moraira</div>
                   
                    <div>
                        Posts: 394
                    </div>
                   
                   
                   
                   
                    <div>    </div>
                </div>

            </td>
        </tr>
        </table>
        <!-- / user info -->
    </td>
</tr>
<tr>
   
    <td class="alt1" id="td_post_14399">
       
    <!-- message, attachments, sig -->

       

       
           
<!-- icon and title -->
<!-- vord only show title and horizontal rule if there is a title -->           
               
               


<div>&nbsp;</div>




<!--  vord end only show rule -->
   
            <!-- / icon and title -->
       

        <!-- message -->
        <div id="post_message_14399">
           

<!-- vord added messagetext div -->
<div class="messagetext">

            Paint code 355 Artic White<br />
<br />
<img src="http://i483.photobucket.com/albums/rr195/ggcton/Renault4GTL005.jpg" border="0" alt="" /><br />
<br />
Gary
</div>


        </div>
        <!-- / message -->

 

[vord]

Fixed it.
Just need to install and run this add-on after import and it makes the thumbnails into attachments:
http://xenforo.com/community/resources/insert-all-attachments-as-full-size.2218/
Thanks @BamaStangGuy for writing that.

Dammit. Looks like the attachment thunbnails work how I like them if they are set to 300px wide or more. Will try another import.