28 comments found.
How can I use my own pictures?
Hi, is there a way to get the full example from the link: http://preview.codecanyon.net/item/shuffle-puzzle/full_screen_preview/5211527 includes code to show the Score, Best and the Start button?
Hi, the list of winners is just a preview version which is not included in “Shuffle Puzzle” and has no instructions
Is it possible to have random image?
Hi – I’ve purchased and downloaded the script and it works almost great. I just can’t see how it can be responsive… Autosize true makes image very large on screen and not working for me. An when looking on mobile the image(s) are not resizing to fit … Are there any help about this?
Hi,
Can you write me a private message using my profile? And please give me a link to your page with the puzzle.
Can I add a sound file so that the tiles make a sound when they move
Yes you can do it. You need add
to the JS Global Variables block,var container = jQuery("#shufflepuzzle");var audio = new Audio();audio.src = "http://freesound.org/data/previews/43/43676_24837-lq.mp3";container.append(audio);
and
audio.play();to the onChange
after finished the puzzle, got a sound?
Hi, is there a way to display a description text under each image (different for each image)?
Also, is there a way to see how to implement each case. Because it doesn’t appear in the documentation. (I’m talking about the javascript part). Thank you Brenda
Hello, I would like to know if it’s possible to see how you impelled the example 1 in the demo? Thank you in advance! Brenda
Hello Brenda,
See “Example 1” in the folder “example WP Shuffle Puzzle v2.1” (button “click to see the code”).
https://db.tt/D5EM5xBX
Sorry, it was for other work (WP plugin).
The code for your example is in the file suffle_puzzle_with_message_box.html
Why does the puzzle stretch so much when set to autosize, possible to maintain aspect ratio?
Please give me link to documentation.
Documentation included in download package.
How to use iframe? I want use it in the wordpress pages and how I can use iframe?
Unfortunately the Shuffle Puzzle doesn’t have such option.
Can I put html code after the user complete the puzzle?
You have to insert code here onCompleted: function(){…})
If you still have any questions, please mail me via contact form at my user page.
I found a bug in the options object. The “img_puzzle” breaks if the path has a space character in it. The fix is to escape the string before passing it on to the img.src attribute. I’ve added this line directly after the default object is extended, so that it will alter custom options objects as well.
// Fix image path so it does not break if there is a space in it
options.img_puzzle = escape(options.img_puzzle);
Hi A question before buying Is it time to show it?
Hi, what do you mean?
I want the show time From start to finish
Puzzle game with a specified time
Unfortunately, at the moment this Puzzle has not this option 
OK thx
Hi,
great tool! Is there a way to style the Alert window or even trigger something else e.g. redirecting to a selected page or anchor on the same page? I also wonder, if there is any chance to make this responsive?
Thanks, Bernhard
Hi!
Thank you for the warm words about my SP.
After completing SP you can add any action (use your Alert window, redirecting to a selected page, adding image instead of SP, etc). The code you have to use looks like onCompleted: function(){ alert("Congratulations, you've won!");} and you can put the code of any actions instead of onCompleted-function.
What about responsiveness, the SP can have such an option and I’ll add this function soon.
Thanks for responsiveness coming. Please add it to the WP version as well. Sorry for having posted here instead of the WP version. Just missed my Purchased Button. 
Can the puzzle be started without showing the end result first? So without the initial shuffling, but starting immediately with the pieces already pre-scattered.
No, this version of Shuffle Puzzle doesn’t allow to do it.
Wow can I make this as FB apps contest allowing my fans to compete? Thanks!
I think it’s possible, but you need to rewrite a code
Is it possible to make this puzzle optimized for mobile in android app?
This plugin works also in android. Please check it.
I created a modification of this to support multiple puzzles on one page, each with a different image, thought I’d share:
<div class="puzzle" data-image-choice="image1.jpg" />
<div class="puzzle" data-image-choice="image2.jpg" />
<script type="text/javascript">
$(function(){
$('.puzzle').each(function(){
var imgChoice = ($(this).data('imageChoice'));
var config = {
img_puzzle : imgChoice,
tilesH: 5,
tilesV: 4,
gap: true,
duration: 100,
bgColor: '#000',
bgOpacity: 1,
imgBgOpacity: .25,
shuffleNum: 15,
shuffleSpeed: 0,
menuVisible: false,
onCompleted: function(){
alert("Congratulations, you've solved it!");
}
}
$(this).shufflepuzzle(config);
});
});
</script>
