vb.org Archive
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

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 - LARGE image preview - pop-up window. (https://vborg.vbsupport.ru/showthread.php?t=255899)

orange gold 12-25-2010 10:00 PM
BBCode - LARGE image preview - pop-up window.
 
1 Attachment(s)
*This code no longer works.. the way vbulletin interprets javascript the code will work but the forum will display an error message even though the code works.. The image will open up but if you go back to where you were there will be an error message until you refresh the page... In the new vbulletin this code is built in now anyways.

I hate when users post huge images on the forum.. so now they can use the large image tag..
It displays a button that shows a small icon preview of the image with the words.. "Click me & Full size" positioned nicely to allow the user to click the image preview and have the full size image appear in a pop-up... The code works very nicely!

CLICK HERE FOR LIVE DEMO.... OR CLICK SMILEY FACE --> :)

Please click install if you like/use it and don't forget to rate!

LOVE!! :P

Here is how:

AdminCP > BBCode > New:

Title:
Code:
Image preview - popup window
BBCode Tag Name:
Code:
imgpop
Replacement:
Code:
<button style="width:100px; height:100px" onClick="window.open('{param}','image','resizable=yes,status=yes,scrollbars=yes,width=500,height=500')">
<center><table width="85" border="4px" bordercolor="#0066FF" align="middle">
<tr>
<td><font style="size:8; font-family:Georgia, 'Times New Roman', Times, serif; font-style:normal"><center>Click Me</center></font></td>
</tr>
<tr>
<center><td><center><img src="{param}" alt="{param}" width="25" height="25" align="middle" style="border:4px; border-color:#06F"></center></td></center>
</tr>
<tr>
<td><font style="size:8; font-family:Georgia, 'Times New Roman', Times, serif; font-style:normal"><center>Full Size</center></font></td>
</tr>
</table>
</center>
</button>
Example:
Code:
[imgpop]https://encrypted.google.com/images/logos/ssl_logo_lg.gif[/imgpop]
Description:
Code:
Gives a small preview icon of an image that, when clicked, displays the full size image in a pop-up window.
Use {option}:
Code:
NO.
Leave everything else the same...
Please leave feedback!!!
Thankyou all!!!

bbcode image icon:
Quote:
Originally Posted by Dr.osamA (Post 2141927)


.

abdulbasitsaeed 12-26-2010 02:00 AM
The idea seems great.

A screenshot / demo would really help though. :)

orange gold 12-26-2010 02:09 AM
CLICK HERE FOR LIVE DEMO.... OR CLICK SMILEY FACE --> :)

abdulbasitsaeed 12-26-2010 02:15 AM
Thank you for the screenshot! I might actually make use of this. :)

Tagged for future reference. :)

orange gold 12-26-2010 01:03 PM
Thanks! Glad I could help!

Dr.osamA 12-31-2010 05:11 PM
1 Attachment(s)
installed
good code bro

keep it up

Note: if you want add button in editor

upload attached image to dir images/editor/frame.gif

orange gold 01-01-2011 07:05 AM
Thanks for the image icon!

kfyonur 01-01-2011 09:18 AM
1 Attachment(s)
when i click the picture,it say to me "You must select a valid action" but but the picture open in a new window

orange gold 01-01-2011 03:09 PM
That's strange... I'll take a look into it later...

COL NIL SATIS 01-01-2011 05:57 PM
gonna add this one!!! great work


All times are GMT. The time now is 08:55 AM.
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01018 seconds
  • Memory Usage 1,738KB
  • 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
  • (6)bbcode_code_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)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