BB Code Enhancements - Jigzone.com BB Code - Embed Puzzles in your forums - (BBCode)

Jigzone.com is a free website where you can upload photos and make jigsaw puzzles out of them. These puzzles can then be embedded into your forum using this BB Code, like you would a YouTube video.

Jigzone offers many options in terms of how to embed the puzzle and in how many pieces (and what shaped pieces) your photo should be broken into. For simplicity's sake I have hard coded this BB Code as a traditional 20 piece jigsaw. I will explain what needs to be changed for other options.

After being embedded users will have options to change the shape and number of pieces from the options that will appear to the left of the puzzle.

Live Demo: Here

Add a New BB Code

Title: Jigzone Puzzle
BB Code Tag Name: puzzle
Replacement:

<script src="http://www.jigzone.com/zes?i={param}&amp;z=6" type="text/javascript"></script><noscript><a href="http://www.jigzone.com/puzzles/{param}">Link to Puzzle</a></noscript>

Example:[puzzle]5F14EE77238[[/puzzle]
Description: Embedded Puzzles powered by www.jigzone.com.
Use Option: No
Button Image: (optional)
Remove Tag If Empty: Yes
All Disable Options: Yes

------
This code makes a 20 piece classic shaped jigsaw puzzle. The part of code that decides this is the part: &z=6

6 = 20 piece classic jigsaw
0 = 48 piece classic jigsaw
5 = 6 piece classic (too easy!)
18 = 41 pieces "Tetris" Blocks
30 = 154 piece classic (Hard!)
34 = 240 piece squares (Weird!)
33 = 247 piece triangles (Crazy!)

For a complete list make a puzzle at Jigzone and play with the options, look at the embed code to see how the number after "z=" changes to see what number corresponds to your preferred puzzle.
------

To make one you need to sign up for an account at www.jigzone.com and upload a photo or image. You will then be given link and embed codes. Go to the first link code it will look something like:

<a href="http://www.jigzone.com/puzzles/5F14EE77238?z=0&amp;m=AE250BFF3C.930EFB0"><img src="http://www.jigzone.com/im/pCut/0.png" alt="Click to Mix and Solve" style="width:400px;height:300px;margin:4px;padding:0;border:1px solid #999;background:transparent url(http://www.jigzone.com/puz/zemThumb?p.up.M.U5.P0.32u0i:jpg)"/></a>

The number you need is from the line: http://www.jigzone.com/puzzles/5F14EE77238?z=0&m=AE250BFF3C.930EFB0">
All you need is the puzzle code, in this case: 5F14EE77238

You put the "Puzzle Code" in between the "puzzle" tags:
[puzzle]5F14EE77238[/puzzle]

As the embed code uses JavaScript you may need to reload the page after submitting to see the puzzle, and of course you must have JavaScript enabled. If you don't have JS enabled you'll get a link to the puzzle instead.

I have hard coded the initial options as a 20 piece classic jigsaw but before you start the puzzle you can use the options on the left to change the shape and number of pieces to your liking.

-----


Notice: The 'puzzle code' must be entered exactly as it is from the link code provided, including the fact it MUST be in UPPERCASE- CE14EEB7547 for example...
If you have "Prevent Shouting" enabled you will have to disable it-
VBulletin Options -> Message Posting and Editing Options -> Prevent Shouting.

Please mark as installed if you use this.

Check My Profile for other BB Code enhancements. They work on all versions.

Screenshot Attached:
https://vborg.vbsupport.ru/attachmen...1&d=1282230253
https://vborg.vbsupport.ru/attachmen...1&d=1282230253

Download the .txt file for a copy of the Install instructions.

[BirdOPrey5]

From the original instructions:

To change the default number of pieces change the 2 instances of "4x4" to higher numbers like "5x5" or "6x6".

In the replacement code look for 2 instances of "4x4" - you need to change BOTH of them to "6x6"

[thecelticway]

Originally Posted by BirdOPrey5

From the original instructions:



In the replacement code look for 2 instances of "4x4" - you need to change BOTH of them to "6x6"

I believe that both these are changed~~~~


yes they are~~~~
:erm:

<div style="background-color: #ffffff; border: 1px solid black; height: 350px;">
<object width="100%" height="100%" classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="scale" value="noscale" />
<param name="movie" value="http://static.jigsawsite.com/201008211251596120_5x5s.swf">
<param name="wmode" value="transparent" />
<param name="allowNetworking" value="all" />
<param name="allowScriptAccess" value="always" />
<embed wmode="transparent" scale="noscale" allowScriptAccess="always" allowNetworking="all" src="http://static.jigsawsite.com/201008211251596120_5x5s.swf" width="100%" height="100%" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
</div>
<p><a title="play 1000s of jigsaw puzzles online" href="http://jigsawsite.com/">Online jigsaw puzzles</a> from <a title="create jigsaw puzzles from your photos" href="http://jigsawsite.com/">JigsawSite.com</a></p>

[BirdOPrey5]

This is the exact code I use and it works, 6x6:

<div style="background-color: #ffffff; border: 1px solid black; height: 350px;">
<object width="100%" height="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="scale" value="noscale" />
<param name="movie" value="http://static.jigsawsite.com/{param}_6x6s.swf">
<param name="wmode" value="transparent" />
<param name="allowNetworking" value="all" />
<param name="allowScriptAccess" value="always" />
<embed wmode="transparent" scale="noscale" allowScriptAccess="always" allowNetworking="all" src="http://static.jigsawsite.com/{param}_6x6s.swf" width="100%" height="100%" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
</div>
<p><a title="play 1000s of jigsaw puzzles online" href="http://jigsawsite.com/">Online jigsaw puzzles</a> from <a title="create jigsaw puzzles from your photos" href="http://jigsawsite.com/">JigsawSite.com</a></p>

Can you give a link to a post where it isn't working?

[thecelticway]

Originally Posted by BirdOPrey5

This is the exact code I use and it works, 6x6:

<div style="background-color: #ffffff; border: 1px solid black; height: 350px;">
<object width="100%" height="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="scale" value="noscale" />
<param name="movie" value="http://static.jigsawsite.com/{param}_6x6s.swf">
<param name="wmode" value="transparent" />
<param name="allowNetworking" value="all" />
<param name="allowScriptAccess" value="always" />
<embed wmode="transparent" scale="noscale" allowScriptAccess="always" allowNetworking="all" src="http://static.jigsawsite.com/{param}_6x6s.swf" width="100%" height="100%" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
</div>
<p><a title="play 1000s of jigsaw puzzles online" href="http://jigsawsite.com/">Online jigsaw puzzles</a> from <a title="create jigsaw puzzles from your photos" href="http://jigsawsite.com/">JigsawSite.com</a></p>

Can you give a link to a post where it isn't working?

is this your replacement code?

[BirdOPrey5]

Yes, I just copied it from my bb code manager- that is exactly what I use.

[thecelticway]

Originally Posted by BirdOPrey5

Yes, I just copied it from my bb code manager- that is exactly what I use.

yep~~~~ thats done it 6x6
old code was 4x4..................
many thanks......
btw installed your zippy mp3 that too is working great.....:up:

[BirdOPrey5]

cool. :up:

[starman?]

How on earth I missed this mod, I have no idea. Cool and thanks.

[Nobleman]

Nice Idea, I have tried this but users come to the site and are asked to log in to the puzzle site first.....not sure if this is something in the setup.

[BirdOPrey5]

It might be something they do for new puzzles. On my site old puzzles still seem to work- http://www.juot.net/forums/showthread.php?t=70406