[BBCode] QR code with Highslide zoom

[doktornotor]

Quick Response Code (QR Code) - in case you do not know what I am talking about.

This should work as is if you have Highslide Attachment or ReIMG Image Resizer (from MODDB) installed, otherwise, you need to download and copy Highslide somewhere (e.g. scripts/ directory) and load it from overall_header.html, e.g. like this.

Code: Select all

<!-- IF S_VIEWTOPIC -->
<script type="text/javascript" src="{ROOT_PATH}scripts/highslide/highslide-full.packed.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}scripts/highslide/highslide.css" />
<!-- ENDIF -->

Anyway, back to the BBCode:

BBCode usage:

Code: Select all

[qrcode]{URL}[/qrcode]

HTML replacement:

Code: Select all

<div class="highslide">
<a href="http://chart.apis.google.com/chart?chs=250x250&cht=qr&chl={URL}" class="highslide" title="Click to Enlarge QR Code" onclick="return hs.expand(this, { wrapperClassName: 'dark', slideshowGroup: 'highslide' })"><img src="http://chart.apis.google.com/chart?chs=250x250&cht=qr&chl={URL}" alt="QRCodeThumbnail" title="" style="max-width:30px; max-height:30px;" /></a></div>

Help line:

Code: Select all

Post a QR Code Link: [qrcode]http://url[/qrcode]

Docs:
Google Chart Tools: Infographics if you want to customize the look in other ways (size etc.)
Highslide JS API Reference

Demo link

[Terr0r]

Have you a screenshot before you editing and afther you editing

[doktornotor]

This is a custom bbcode. Hence, there is nothing available before adding it. Otherwise, how about clicking the demo link?

[neuropass]

great share. demo is not working though...

[qiaof]

Thank you, working for me with 3.0.12