Покажите картину по частям

Я пытаюсь показать картину по частям. Я нашел эту тему здесьнужны идеи, чтобы отображать только некоторые пиксели и затемнять оставшиеся пиксели серым, с отличным ответом от mVChr. Это почти то, что я искал, но я хотел бы сделать раскрывающиеся фрагменты больше, поэтому для полного просмотра изображения требуется меньше времени. Что мне нужно адаптировать в коде? Кто-нибудь может мне помочь? Большое спасибо за усилия

 Michael Mior14 июн. 2012 г., 20:31
@AndrewPeacock Также в встроенном стиле дляdiv который добавляется.
 jezza-tan14 июн. 2012 г., 20:27
Я думаю, что это те части, где говоритсяvar += 3измените это на большее число.
 iambriansreed14 июн. 2012 г., 20:30
Что-то вроде этого.jsfiddle.net/iambriansreed/nwPy5 Он показывает / скрывает блоки изображения при наведении курсора.
 mVChr15 июн. 2012 г., 00:17
Спасибо за реквизит :)

Ответы на вопрос(2)

Сначала размер серых коробок. Что сделано с этим

htmlFrag += '<div id="'+id+'" class="pix" ' +
            'style="width:3px;height:3px;position:absolute;' +
            'left:'+j+'px;top:'+i+'px;"></div>';

В нечто подобное

htmlFrag += '<div id="'+id+'" class="pix" ' +
            'style="width:10px;height:10px;position:absolute;' +
            'left:'+j+'px;top:'+i+'px;"></div>';

Затем вам нужно изменить цикл for, который помещает поля в соответствие

for (var i = 0, len = $('#i').height(); i < len; i += 3) {
    for (var j = 0, len = $('#i').width(); j < len; j += 3) {

Превращается в

for (var i = 0, len = $('#i').height(); i < len; i += 10) {
    for (var j = 0, len = $('#i').width(); j < len; j += 10) {

Вот пример!

 user145699814 июн. 2012 г., 21:24
Большой!!!! Большое спасибо всем, вы сделали мой день ...
 14 июн. 2012 г., 20:36
Удар к удару :) Сделал небольшую адаптацию к оригинальной скрипке, чтобы поместить размер в переменную, чтобы вы могли легко проверить:jsfiddle.net/W7Xse/42  (изменить размер пикселя var)

ветвь скрипки корсики с некоторыми модами, наиболее значимым из которых является способ удаления пикселей, позволяющий указать период времени.

Также необходимо, чтобы пиксели имели идентификаторы, поэтому HTML проще.

Ваш ответ на вопрос