vb.org Archive - BB Code Enhancements - BBCode: Resize Image with Text Wrap

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)

- - BB Code Enhancements - BBCode: Resize Image with Text Wrap (https://vborg.vbsupport.ru/showthread.php?t=248863)

Regarding the imaghe distortion, this seems to work:

Code:

<img src="{param}" max-width="200"  ondblclick='this.src="{param}";this.width=600' onclick='this.src="{param}";this.width=200' align="left" hspace="10">

I've just kept the width parameters and deleted the height paramaters. This shrinks the width and the height shrinks proportionately.

Now there's just the problem of the signature wrapping.

For me the above code displays the large picture when the page first loads- it should show the small image until it gets clicked.

Well with height removed now you could add an option, probably best to define the large width so you can use:

Code:

<img src="{param}" width="200" ondblclick='this.src="{param}";this.width={option}' onclick='this.src="{param}";this.width=200' align="left" hspace="10">

[RI="800"]http://yourwebsite/image.gif[/RI]

Double clicking enlarges the image to 800px wide.

Change max-width to just width and it displays the small image by default I think:

Code:

<img src="{param}" width="200"  ondblclick='this.src="{param}";this.width=600' onclick='this.src="{param}";this.width=200' align="left" hspace="10">

Then no option necessary.

Quote:

Originally Posted by djbaxter (Post 2087126)

I have NOT made those edits and it is still wrapping the sig. See the attachment in my post above.

I use postbit, not postbit_legacy, as you can see from the screen capture in the attachment.

I also use postbit_legacy and it works for me without signature wrapping. I wonder what I did :confused:.
When I was looking for reasons/solutions to fix the sig wrapping I tested adding/removing that Postbit.css edit mentioned in post#12 and replacing it with the following code and that fixed the issue for me. Prior to that I found that any example of image align="left" or align="right" caused signature wrapping. Would you mind trying the Postbit.css edit below to see if that fixes it for you please?
NOTE: That edit did affect the postbit_legacy display for me.

Postbit.css
find:

Code:

/*post bit*/

add under:

Code:

.postbitlegacy .after_content { 

    position: relative; 

    width: 100%; 

    clear:both; 

}

My apologies for assuming you must've made edits that contributed to the sig wrapping. I assumed that because your attached image shows there is very little space between your post content and your signature. Or is that attachment an image of Preview Post?
If that edit doesn't work I'll be happy to provide you with copies of any templates that might help find clues to resolve it for you.

Quote:

Originally Posted by djbaxter (Post 2087141)

Change max-width top just width and it displays the small image by default I think:

Code:

<img src="{param}" width="200"  ondblclick='this.src="{param}";this.width=600' onclick='this.src="{param}";this.width=200' align="left" hspace="10">

Then no option necessary.

I thought I had already tried removing the height attributes to maintain image proportions. Clearly I hadn't :eek:. Awesome work! Thank you so much for bothering to help. I really do appreciate it :).
I'm hoping the sig wrapping might be easily solved for you now.

Quote:

Originally Posted by BirdOPrey5 (Post 2087140)

Well with height removed now you could add an option, probably best to define the large width so you can use:

Code:

<img src="{param}" width="200" ondblclick='this.src="{param}";this.width={option}' onclick='this.src="{param}";this.width=200' align="left" hspace="10">

[RI="800"]http://yourwebsite/image.gif[/RI]

Double clicking enlarges the image to 800px wide.

Although it's not necessary now your idea is a very good one for allowing that extra option of max display size per image. That will no doubt be useful to me later :D.

Quote:

Originally Posted by djbaxter (Post 2087126)

I use postbit, not postbit_legacy, as you can see from the screen capture in the attachment.

Quote:

Originally Posted by midnz (Post 2087165)

I also use postbit_legacy and it works for me without signature wrapping.

No. I said I do NOT use postbit_legacy. I use postbit.

Quote:

Originally Posted by djbaxter (Post 2087184)

No. I said I do NOT use postbit_legacy. I use postbit.

Duh, sorry about that. It's sunken in now :D.

Do you think that altering the code edit from postbitlegacy that I used, to postbit, might help?

Code:

.postbit .after_content { 

    position: relative; 

    width: 100%; 

    clear:both; 

}

I can't see how that would make a difference, since it's code I'm not using.

It won't make any difference. I've checked myself.

The best that can be achieved at present is to remove the align="left" from the code and forget about text wrapping until a solution can be found for those using the newer horizontal postbit layout.

I came from vB3.6 where align="left" worked to vB4.0.5/6 where it doesn't work any more with the newer horizontal postbit display because of the signature interference issue.

If I were still using 3.6 I'd find the signature code in the template and place <p></p> right before it to move signatures down. vB4 is somewhat more complex for me and I'm still coming to grips how it all works. The solution appears to me to be changing how the signature is displayed using the newer horizontal postbit layout.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (8)bbcode_code_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01112 seconds Memory Usage 1,750KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (8)bbcode_code_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: