Пазлы на jQuery
Замечательное и ну очень оригинальное решение на Jquery.
С помощью этого плагина буквально одной строчкой кода, можно будет превратить любую картинку в самый настоящий пазл. Вес плагина, для его функциональности небольшой — 9 килобайт.
Живой пример для моих читателей
Клева?
Вы спросите: А зачем собственно нужен этот плагин? поиграться?
— Мыслите шире! Мне, к примеру, сразу пришла мысль использовать небольшой пазл как капчу к сайту.
jqPuzzle замечательно работает в Firefox 1.5+, Internet Explorer 6 + 7, Opera 9 и Safari.
На сайте автора этого плагина можно найти огромное количество примеров работы с jqPuzzle, так что проблем с его освоение точно не будет.
Используйте на здоровье!
(Английский)
Игра в «15″, а не пазл
Собрал за 330 ходов и 265 секунд
Прикольно :)
582 хода 572 секунды…
пс: грамотный пазл! спасибо
а я за 232 хода и 203 сек )))
вот
может конкурс устроем?
прочитал рсс, представил такие фишки с выемками и выступами. А тут пятнашки, ну все равно прикольно
а я за 230 хода и 223 сек ))) нравится, теперь пол офыса не работает
может конкурс устроем?
последний (мой ) рекорд 130 ходов за 105сек, могу предоставить картинку, токо пости с линками долго проходят модерацию
пасиба , больше не буду забивать флудом бог
для, капчи нужно сервером разбивать картинку, и то можно програмно подобрать решение.
Зачем? Картинка разбивается самим jQuery.
Можно даже так делать: Сервер генерирует простую капчу, С помощью jQuery эту капчу разбиваем в пазл, пользователь собирает и вводит.
Но вариант капчи просто с собиранием мозайки(без ввода) мне больше нравится.
но для этого нужно использовать миш, а отрывать пальцы от клави это дополнительный труд, думаю проще перейти к полю с помощью ТАБа, и ввести, но идея хорошая сама по сибе
)) такую капчу надо повесить на бесплатную регистрацию в яндекс каталоге
Ога, сто на сто кубиков.
В каталог все-равно не возьмут, зато наиграешься вдоволь ;-)
Ох, и откуда такие идеи. Такую капчу машине решать гораздо легче человека и программу взлома напишет смышленный восьмиклассник (неужели сложно проверить стыковку краев?).
Подскажите, пожалуйста, как установить плагин на сайт (английский знаю, процесс не понятен).
Посмотрите код моей страницы, станет понятней.
P.S.: Сайт самостоятельный на платном хостинге
К моему сожалению, в голове не прояснилось
Подключаем jQuery.
<script type="text/javascript" src="pazzl/jquery.js"></script>Подключаем плагин qpuzzle.
<script type="text/javascript" src="pazzl/jquery.jqpuzzle.packed.js"></script>Подключаем стиль.
<link rel="stylesheet" type="text/css" href="pazzl/style.css" />Вставляем картинку с классом
jqPuzzleдля ее обработки.<img alt="helicopter" src="; id="heli" class="jqPuzzle" width="200" border="0" />Спасибо за помощь и внимание! Получилось:
А есть ли возможность копировать код пазла и вставлять его на другие сайты или надо обязательно загружать плагины?
Если только с помощью фрейма.
208 ходофф 143 сек :))) детство детство…
а как сделать так, чтобы картинка сразу показывалась в разбросанном порядке?
Что то у меня не получается такую штуку на сайт поставить, выдаётся только картинка, но не пазл. Какие требования к хостингу?
Чё мой комент?