Я пытаюсь раскрыть картину по частям. Я нашел эту тему здесь need ideas to only display some pixels and gray out the remaining pixels, с отличным ответом от mVChr. Это почти то, что я ищу, но я бы хотел, чтобы показательные фигуры были больше, поэтому для полного просмотра изображения требуется меньше времени. Что мне нужно адаптировать в коде? Кто-нибудь может мне помочь? Большое спасибо за усилиеПоказать изображение по частям
Вам нужно изменить две вещи.
Первый - это размер серых ящиков. Это делается с этим
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 (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) {
Избитый удар! Сделал небольшую адаптацию к оригинальной скрипке, чтобы поместить размер в переменную, чтобы вы могли легко протестировать: http://jsfiddle.net/W7Xse/42/ (измените pixelsize var) –
Отлично !!!! Большое спасибо всем, вы сделали мой день ... – user1456998
Вот branch of corsiKa's fiddle с некоторыми модами, наиболее значительным из которых является то, как пиксели удаляются, что позволяет указать период времени.
Потребность в пикселях с идентификаторами также устранена, поэтому HTML проще.
Я думаю, что это части, где он говорит «var + = 3', измените это на большее число. –
Что-то вроде этого. http://jsfiddle.net/iambriansreed/nwPy5/ Он отображает/скрывает блоки изображения при наведении курсора. – iambriansreed
@AndrewPeacock Также в встроенном стиле для 'div', который добавляется. –