The Arcive of vBulletin Modifications Site.

BBCode - LARGE image preview - pop-up window. · **Released**: 12-25-2010

*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

.

abdulbasitsaeed · #2 12-26-2010, 02:00 AM

The idea seems great.

A screenshot / demo would really help though.

orange gold · #3 12-26-2010, 02:09 AM

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

abdulbasitsaeed · #4 12-26-2010, 02:15 AM

Thank you for the screenshot! I might actually make use of this.

Tagged for future reference.

orange gold · #5 12-26-2010, 01:03 PM

Thanks! Glad I could help!

Dr.osamA · #6 12-31-2010, 05:11 PM

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 · #7 01-01-2011, 07:05 AM

Thanks for the image icon!

kfyonur · #8 01-01-2011, 09:18 AM

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 · #9 01-01-2011, 03:09 PM

That's strange... I'll take a look into it later...

COL NIL SATIS · #10 01-01-2011, 05:57 PM

gonna add this one!!! great work