Я создаю веб-сайт для фотографа, который хотел бы прекрасного fadein на его изображениях. Я исключил flash как решение и хотел бы использовать эти прекрасные эффекты mootools fx. Но проблема в том, что я действительно отвратителен, когда дело доходит до javascript. Поэтому, если бы кто-нибудь мог дать мне легкое решение для замирания в одном загруженном изображении, и когда изображение будет загружено, я был бы действительно счастлив. Я знаю, что есть много разных людей, у которых это есть. Но проблема в том, что я не знаю, как работает код, даже если это полное решение. Так что самое главное. Если у кого есть время, чтобы объяснить, что каждая строка кода, я был бы более чем благодарен. Благодаря!Как создать красивое изображение fadein onload с mootools?
0
A
ответ
4
Простой нарастающий в это, безусловно, самое простое, что можно себе представить:
// set-up an event on the browsers window
window.addEvents({
// be sure to fire the event once the document is fully loaded
load: function(){
// assing 'singleImage' variable to the image tag with the 'image' ID
var singleImage = $('image');
// set a bunch of CSS styles to the aforementioned image
singleImage.set('styles', {
'opacity': 0,
'visibility': 'visible'
});
// fade in the image
singleImage.fade('in');
}
});
Рабочий пример: http://jsfiddle.net/oskar/RNeS5/ (HTML, CSS, MooTools)
Смежные вопросы
- 1. Создать красивое изображение дерева/графика
- 2. fadeIn onLoad function
- 3. MooTools - как перезагрузить изображение?
- 4. Как создать красивое веб-приложение
- 5. fadein onload, похоже, не работает
- 6. MooTools OnLoad SmoothScrolling (Lim Chee Аун метод)
- 7. Как создать плавающий div с mootools?
- 8. Как сделать замененное изображение fadeIn()
- 9. Как fadeIn первое фоновое изображение?
- 10. jQuery fadeIn с фоном Изображение
- 11. AngularJS - изображение «onload» event
- 12. Как создать раскрывающийся список с помощью Mootools?
- 13. Как создать Mootools вертикальный слайдер
- 14. Последнее изображение fadeIn
- 15. Fadein Body background Изображение
- 16. FadeIn изображение загружается AJAX
- 17. JS: изображение onLoad изменить размер ... Как?
- 18. Mootools создать элемент ввода
- 19. Застрял с скриптом mootools. Изображение автозамена
- 20. печати красивое значение с ошибкой
- 21. Изображение onload вызов свойства объекта
- 22. Изображение onload не получает вызванное
- 23. Как установить красивое на Bluemix?
- 24. Изображение FadeIn после его загрузки
- 25. Загрузить изображение фона с эффектом fadeIn()
- 26. [body onload] FadeIn a div после набора времени?
- 27. jQuery fadeIn & fadeOut onload: есть ли лучший способ?
- 28. Как создать MooTools класс имя переменной
- 29. набора по умолчанию элемента для отображения OnLoad - MooTools
- 30. JQuery on submit/onLoad не запускает эффект fadeIn
Я закончил с использованием этого на одном из моих страниц, но хотел бы контролировать длину затухания (я бы хотел, чтобы он постепенно исчезал). Есть ли простая переменная, которая может быть установлена в этом методе для изменения затухания во времени? – MillerMedia