BBCode - LARGE image preview - pop-up window.

[orange gold]

*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 (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:

Image preview - popup window


BBCode Tag Name:

imgpop


Replacement:

<button style="width:100px; height:100px" onClick="window.open('{param}','image','resizable=yes,statu s=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:

https://encrypted.google.com/images/logos/ssl_logo_lg.gif


Description:

Gives a small preview icon of an image that, when clicked, displays the full size image in a pop-up window.


Use {option}:

NO.


Leave everything else the same...
Please leave feedback!!!
Thankyou all!!!

bbcode image icon:
https://vborg.vbsupport.ru/attachment.php?attachmentid=125070&stc=1&d=1293822701



.

[abdulbasitsaeed]

The idea seems great.

A screenshot / demo would really help though. :)

[orange gold]

CLICK HERE (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)

[abdulbasitsaeed]

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

Tagged for future reference. :)

[orange gold]

Thanks! Glad I could help!

[Dr.osamA]

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]

Thanks for the image icon!

[kfyonur]

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]

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

[COL NIL SATIS]

gonna add this one!!! great work

[kfyonur]

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

Thanx for your attention.

[COL NIL SATIS]

when i click the picture,it say to me "You must select a valid action" but but the picture open in a new window

same here...its says invalid action taken ??? any ideas why :confused:

[orange gold]

I have no clue why this is happening? I try this on my website and it works fine, but when I try it on VBulletin forums I get this message so it's somethign wrong with the way vb reads the code I guess?
I've tried tons of workarounds.. anchoring, dif javascript code, CSS buttons, different button styles... Nothing seems to work???
Does anyone know?

[COL NIL SATIS]

I have no clue why this is happening? I try this on my website and it works fine, but when I try it on VBulletin forums I get this message so it's somethign wrong with the way vb reads the code I guess?
I've tried tons of workarounds.. anchoring, dif javascript code, CSS buttons, different button styles... Nothing seems to work???
Does anyone know?

hmmm...i have had to delete this for now mate..cant get it to work at all...it works when i test it in BB CODE AREA,but once on the forum i get the invalid message ,Gah :confused:

[LEGS]

I just installed it and i try to use it i keep getting this message:

The message you have entered is too short. Please lengthen your message to at least 10 characters.

Uninstalled.

[LEGS]

Ok i re-Installed and was able to fix it and it works great.

Thank you and clicked installed again.

[flbutterflyz]

Ok i re-Installed and was able to fix it and it works great.

Thank you and clicked installed again.

How did you fix it Legs? It's a nice code to have so any tips would be appreciated.