Наверное это просто непрофессиональный взгляд на javascript, но я не люблю библиотеки в принципе. Мне кажется, что при постоянном использовании вещей типа jQuery теряешь возможность практиковаться на мелочах. В итоге потом и появляются такие вот полу-шуточные комментарии как на скрине stackoverflow выше.
Отличный результат — кристален с точки зрения статистики по данному тесту! =)
во 2 и 13 ошибаются чаще всего (я тоже)
3 ответ очевиден менее всего (единственный, который я не могу объяснить)
9 ответ — странность автора скрипта, могу спорить вы ответили «1function» (как и я)
You've got 6 answers wrong (#2, #3, #6, #9, #12, #13).
Very good, but not quite there yet.
Хотя по идее я сделал 5 ошибок так как в 9 вопросе браузеры выдают «1function» и почему создатель теста посчитал его неверным я не знаю. Практически все ошибки совершил по невнимательности, кроме пожалуй 3 вопроса.
Пошел перечитывать Флэнагана дальше ))). Уже на 215 странице пятого издания…
Время своим именем? А мс это и не время вовсе? Секунда — слишком большой период времени, чтобы использовать его в данных видах анимации. Или вы предлагаете вместо 200 мс например везде писать 0.2 с? Это просто не удобно!
Сделал опцией скрытие большой панели при переключении изображений в сете.
Сделал опцией загрузку соседних изображений.
Сделал возможность передвигать мышкой вьюпорт (опционально) — полезно при просмотре больших фотографий в оригинальном размере.
Изменил курсор.
Вот список настроек в скрипте. Прежде чем говорить о чем то, посмотрите, возможно это можно просто перенастроить:
overlayAppearSpeed: 300, // скорость появления тени в мс
overlayDisappearSpeed: 200, // скорость исчезновения тени в мс
containerAppearSpeed: 300, // скорость появления вьюпорта в мс
containerDisappearSpeed: 300, // скорость исчезновения вьюпорта в мс
containerResizeSpeed: 300, // скорость анимации изменения размера вьюпорта
contentAppearSpeed: 300, // скорость появления контента в мс
contentDisappearSpeed: 300, // скорость исчезновения контента в мс
loaderAppearSpeed: 200, // скорость появления загрузчика в мс
loaderDisappearSpeed: 200, // скорость исчезновения загрузчика в мс
windowResizeSpeed: 300, // скорость подстройки под размеры окна в мс
panelAppearSpeed: 300, // скорость появления панели в мс
panelDisappearSpeed: 300, // скорость исчезновения панели в мс
arrowsSpeed: 200, // скорость движения стрелок в мс
// Настройки отступов и углов:
paddingFSE:36, // отступ от границ экрана в пикселях при подгонке под них
contentPadding: 3, // отступ контента от внутренних границ (так же влияет на отступ панели от вьпорта и текста от изображения)
cornersSize: 10, // размер радиуса сглаженных углов (так же влияет на отступ панели от вьпорта и текста от изображения)
// Настройки цветов и прозрачности
overlayOpacity: 95, // прозрачность тени под вьюпортом
overlayBackground:"#000", // бэкграунд тени в формате css(цвет или изображение)
containerColor:"#FFF", // цвет вьюпорта (hex формат)
// Настройки навигации
panelType: «big», // тип панели управления сетом фотографий («big»,«small»)
forceCloseBut:false, // всегда ли выводить кнопку закрытия вьюпорта на маленькой панели? (true,false)
arrows: true, // отображать стрелки при навигации нажатием на части изображения? (true,false)
imageNav: true, // использовать навигацию нажатием на части изображения? (true,false)
keyboard: true, // управление с клавиатуры
// Настройки выводимой информации
forceOriginalSize:false, // всегда открывать в фотографию оригинальном размере? (true,false)
info:false, // выводить формат и размер изображения? (true,false)
groupInfoText: '[IMAGE_NUM] из [TOTAL_NUM] в группе "[GROUP_NAME]"', // вид написания информации о группе
fileInfoText: «В формате [FORMAT] размером [WIDTH]х[HEIGHT] в пикселей», // вид написания информации о файле
tips:[
'Предыдущее изображение', // подсказка к кнопке «назад»
'Следующее изображение', // подсказка к кнопке «вперед»
'Закрыть галерею', // подсказка к кнопке «закрыть»
'Слайдшоу', // подсказка к кнопке «плей»
'Пауза слайдшоу', // подсказка к кнопке «пауза»
'Оригинальный размер', // подсказка к кнопке «открыть в исходном размере»
'Уместить в окне' // подсказка к кнопке «уместить в окно»
],
// Настройки вида текста
font:«Tahoma, Arial», // тип шрифта на панели описания фотографии
fontSize:«11px», // размер шрифта
fontNameColor:"#919191", // цвет шрифта имени
fontColor:"#919191", // цвет шрифта остального текста
// Настройки слайдшоу
slideshowTime: 3000, // интервал переключения фотографий в слайдшоу в мс
slideshowRound: false, // показывать фотографии в слайдшоу в бесконечном цикле? (true,false)
slideshowClose: false, // закрывать iLoad в конце слайдшоу? (true,false)
Получается что у вас все изображения одинакового размера. У меня наоборот, галерея заточена для показа точек от 1х1px до 2000х2000px и больше. В этом и сложность.
(È=[][(!(A=!!(Å=-~[])+[])+A)[E=(µ=-~Å)+Å]+({}+A)[Å]+A[Å]+A[~~[]]]||A)()[({}[A]+A)[E]+(È+A)[µ+[]+(E*µ+Å)]+(Ç=!A+A)[Å]+Ç[++Å]](' alert(«Aleko») ')
(È=[][(!(A=!!(Å=-~[])+[])+A)[-~Å+Å]+({}+A)[Å]+A[Å]+A[~~[]]]||A)()[({}[A]+A)[-~Å+Å]+(È+A)[-~Å+[]+((-~Å+Å)*-~Å+Å)]+(!A+A)[Å]+(!A+A)[++Å]](' alert(«Aleko») ')
// аналог eval(' alert(«Aleko») ')
while(i[counter]){
i[counter]=(function(i){return function(){return i}})(i[counter++]);
}
i[0]()
Если я не ошибаюсь то так.
во 2 и 13 ошибаются чаще всего (я тоже)
3 ответ очевиден менее всего (единственный, который я не могу объяснить)
9 ответ — странность автора скрипта, могу спорить вы ответили «1function» (как и я)
Very good, but not quite there yet.
Хотя по идее я сделал 5 ошибок так как в 9 вопросе браузеры выдают «1function» и почему создатель теста посчитал его неверным я не знаю. Практически все ошибки совершил по невнимательности, кроме пожалуй 3 вопроса.
Пошел перечитывать Флэнагана дальше ))). Уже на 215 странице пятого издания…
Сделал опцией загрузку соседних изображений.
Сделал возможность передвигать мышкой вьюпорт (опционально) — полезно при просмотре больших фотографий в оригинальном размере.
Изменил курсор.
overlayAppearSpeed: 300, // скорость появления тени в мс
overlayDisappearSpeed: 200, // скорость исчезновения тени в мс
containerAppearSpeed: 300, // скорость появления вьюпорта в мс
containerDisappearSpeed: 300, // скорость исчезновения вьюпорта в мс
containerResizeSpeed: 300, // скорость анимации изменения размера вьюпорта
contentAppearSpeed: 300, // скорость появления контента в мс
contentDisappearSpeed: 300, // скорость исчезновения контента в мс
loaderAppearSpeed: 200, // скорость появления загрузчика в мс
loaderDisappearSpeed: 200, // скорость исчезновения загрузчика в мс
windowResizeSpeed: 300, // скорость подстройки под размеры окна в мс
panelAppearSpeed: 300, // скорость появления панели в мс
panelDisappearSpeed: 300, // скорость исчезновения панели в мс
arrowsSpeed: 200, // скорость движения стрелок в мс
// Настройки отступов и углов:
paddingFSE:36, // отступ от границ экрана в пикселях при подгонке под них
contentPadding: 3, // отступ контента от внутренних границ (так же влияет на отступ панели от вьпорта и текста от изображения)
cornersSize: 10, // размер радиуса сглаженных углов (так же влияет на отступ панели от вьпорта и текста от изображения)
// Настройки цветов и прозрачности
overlayOpacity: 95, // прозрачность тени под вьюпортом
overlayBackground:"#000", // бэкграунд тени в формате css(цвет или изображение)
containerColor:"#FFF", // цвет вьюпорта (hex формат)
// Настройки навигации
panelType: «big», // тип панели управления сетом фотографий («big»,«small»)
forceCloseBut:false, // всегда ли выводить кнопку закрытия вьюпорта на маленькой панели? (true,false)
arrows: true, // отображать стрелки при навигации нажатием на части изображения? (true,false)
imageNav: true, // использовать навигацию нажатием на части изображения? (true,false)
keyboard: true, // управление с клавиатуры
// Настройки выводимой информации
forceOriginalSize:false, // всегда открывать в фотографию оригинальном размере? (true,false)
info:false, // выводить формат и размер изображения? (true,false)
groupInfoText: '[IMAGE_NUM] из [TOTAL_NUM] в группе "[GROUP_NAME]"', // вид написания информации о группе
fileInfoText: «В формате [FORMAT] размером [WIDTH]х[HEIGHT] в пикселей», // вид написания информации о файле
tips:[
'Предыдущее изображение', // подсказка к кнопке «назад»
'Следующее изображение', // подсказка к кнопке «вперед»
'Закрыть галерею', // подсказка к кнопке «закрыть»
'Слайдшоу', // подсказка к кнопке «плей»
'Пауза слайдшоу', // подсказка к кнопке «пауза»
'Оригинальный размер', // подсказка к кнопке «открыть в исходном размере»
'Уместить в окне' // подсказка к кнопке «уместить в окно»
],
// Настройки вида текста
font:«Tahoma, Arial», // тип шрифта на панели описания фотографии
fontSize:«11px», // размер шрифта
fontNameColor:"#919191", // цвет шрифта имени
fontColor:"#919191", // цвет шрифта остального текста
// Настройки слайдшоу
slideshowTime: 3000, // интервал переключения фотографий в слайдшоу в мс
slideshowRound: false, // показывать фотографии в слайдшоу в бесконечном цикле? (true,false)
slideshowClose: false, // закрывать iLoad в конце слайдшоу? (true,false)