Отображение скрытого содержимого и добавление эффекта изображения с помощью CSS

Question

У меня есть страница, сгенерированная php-mysql. Это почти как галерея изображений с таблицей изображений 10 * 3.

Я хочу добавить эффект к картине.

1. Я хочу раскрасить рамки для фотографий в соответствии со временем их добавления в базу данных. Как зеленый для данных, добавленных сегодня, синий для недельных данных, красный для месячных данных и оранжевый для остальных.

2. Я хочу прикрепить к ним рамку, в которой будет как изображение, так и текст.

3. Я хочу, чтобы изображение немного изменило размеры, чтобы показать, что оно находится в фокусе, и показать скрытый текст div вместе с предыдущим текстом.

4. Если возможно, я бы хотел, чтобы в окне фокуса отображался gif вместо jpeg с помощью вызова Ajax.

Я видел пример первых трех запросов на некоторой странице учебника, но не могу найти их сейчас.

Я могу попытаться самостоятельно обработать четвертый запрос, если получу решение по первым трем.

Любая помощь очень ценится.

Спасибо заранее.

Answer 1

Я думаю, что лучший способ сделать это с помощью PHP.

Сначала проверьте дату загрузки изображения и сравните его с текущей датой.Таким образом, добавьте классы к изображениям, то есть для 1-месячного возраста: «imgmonthold» и поместите стандарт стилей CSS в свою таблицу стилей:

.imgmonthold {
    border: 1px solid red;
}

Как сказано выше, для других вещей выЛучшее использование jQuery.

Answer 2

все, что вам нужно, это JQuery. Посмотрите на его эффекты и функции AJAX. Вы можете легко реализовать эти эффекты.

http://api.jquery.com/category/effects/ -> Основные эффекты

http://api.jquery.com/category/css/ -> Управление CSS (для прикрепления рамки или всего, что на ней)

http://api.jquery.com/category/ajax/ -> Великие функции Ajax

Надеюсь, это будет полезно для вас