Мне было интересно, как http://www.i-donline.com/straight-ups этот эффект создан. Изображения - непрозрачность 0 до тех пор, пока они не будут загружены на экран, тогда они исчезают. Я представляю функцию jquery, но я понятия не имею, как этого добиться. Есть ли учебники в Интернете? Спасибо за помощь ТараPhoto fade only in shot
0
A
ответ
1
технике называется «ленивая загрузка». Эта статья может помочь ... http://deanhume.com/Home/BlogPost/lazy-loading-images-with-jquery/22
В настоящее время самый популярный ленивый плагин загрузки для jQuery имеет проблемы совместимости браузера (http://www.appelsiini.net/2009/12/tuning-lazy-loader). YUI 2 ImageLoader (http://developer.yahoo.com/yui/imageloader/), похоже, работает хорошо.
1
, кажется, использует fadeTo()
метод в методе hover()
на каждом изображении
$("img").hover(
function(){ $(this).fadeTo(0.5, "slow"},
function(){ $(this).fadeTo(1.0, "fast"}
);
Узнайте больше о fadeTo()
методе здесь: http://api.jquery.com/fadeTo/
Смежные вопросы
- 1. Fade-in fade-out css only
- 2. Fade Out only only
- 3. Fade in image only after finish loading
- 4. Fade In only; не Fade Out - чистый Javascript
- 5. Jquery photo array easy fade
- 6. Fade In/Fade out in liquid-fire
- 7. Fade in fade out in js
- 8. Photoswipe open photo only full screen
- 9. Fade In Fade Out Анимация
- 10. Fade In/Fade в Ext.window
- 11. 2 paypal payments in 1 shot
- 12. iPhone screen shot in landscape view
- 13. photo carousel viewer in angular.js
- 14. Tumblr Photo Caption in Container
- 15. Fade in/Fade out для MAAttachedWindow
- 16. jQuery Animation logo fade in fade out
- 17. CATransaction animation fade in fade out uiviews
- 18. Fade out/fade in effect with CSS3
- 19. Fade-In Fade-Out Анимация для UIImageViews?
- 20. OpenGL Fade in/fade out texture2D
- 21. Fade in, Fade out not working
- 22. AVAssetExportSession и fade-in fade-out Эффект
- 23. jQuery (плагин) fade in fade out slider
- 24. preend, fade in and fade out
- 25. Fade in/Fade out навигационная панель
- 26. Fade in/fade out text with canvas
- 27. javascript fade in fade out не работает
- 28. Эффект Fade-in/Fade-out с CSS
- 29. javascript jQuery fade in fade out
- 30. Fade in/Fade out with hover function
Большое вам спасибо за ответы, это отлично. Я думаю, что ленивая загрузка - это то, что я искал. Однако угасать это замечательно, так как это спасает меня от просьбы о другом проекте! Спасибо за быстрые ответы и отличные советы. –