[BBCode] QR code with Highslide zoom
Posted: 02 Dec 2011, 10:59
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.
Anyway, back to the BBCode:
BBCode usage:
HTML replacement:
Help line:
Docs:
Google Chart Tools: Infographics if you want to customize the look in other ways (size etc.)
Highslide JS API Reference
Demo link
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 -->
BBCode usage:
Code: Select all
[qrcode]{URL}[/qrcode]
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>
Code: Select all
Post a QR Code Link: [qrcode]http://url[/qrcode]
Google Chart Tools: Infographics if you want to customize the look in other ways (size etc.)
Highslide JS API Reference
Demo link