BBCode - LARGE image preview

BBCode - LARGE image preview - pop-up window.

Mod Version: 1.00, by orange gold

vB Version: 4.1.0	Rating: (2 votes - 5.00 average)	Installs: 11
Released: 26 Dec 2010	Last Update: Never	Downloads: 0
Not Supported

*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 http://www.decimology.com/forums/showthread.php?2-Large-image-resize-code FOR LIVE DEMO.... OR CLICK SMILEY FACE --> http://www.decimology.com/forums/showthread.php?2-Large-image-resize-code

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 by Dr.osamA

Download

No files for download.

vBulletin LTS