Приветствую.
Написал простенький скриптик, отображающий на странице все картинки из соответствующей папки:
foreach (glob("img/work/torch_small/*.JPG") as $filename) {
print '<img src="'.$filename.'">';
}
Он работает как надо, но как теперь сделать, чтобы каждая картинка по подгрузке появлялась плавно (типа как fade)?
Примечание:
Ответ:
<?php
foreach (glob("img/work/torch_small/*.JPG") as $filename) {
print '<img class="photo_min" src="'.$filename.'">';
}?>
<style>.photo_min {display:none;}</style>
<script>
(function ($) {
$.event.special.anticacheload = {
add: function (hollaback) {
if ( this.nodeType === 1 && this.tagName.toLowerCase() === 'img' && this.src !== '' ) {
if ( this.complete || this.readyState === 4 ) {
hollaback.handler.apply(this);
}
else if ( this.readyState === 'uninitialized' && this.src.indexOf('data:') === 0 ) {
$(this).trigger('error');
}
else {
$(this).bind('load', hollaback.handler);
}
}
}
};
}(jQuery));
$('.photo_min').bind('anticacheload', function() {
$(this).fadeIn(1000);
});
</script>
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.