Я просто хочу знать, как DeviantArt.com реализовал затенение на каждом изображении.Как DeviantArt реализовал Shadowing в своих изображениях?
Если вы посмотрите на миниатюры, вы увидите, что изображения немного затенены. Я думаю, что они сделали это с помощью Javascript, потому что когда я выключил свой Javascript, тени исчезли. И они также используют jQuery btw.
Я считаю, что это на стороне сервера.
Если вы видите: http://sh.deviantart.com/x/170/100/logo3.png
Вы можете изменить «переменные» в соответствии с вашими размерами.
Тогда я думаю, что это просто свойство фона на изображении с некоторым дополнением, чтобы поместить изображение в центр.
Их javascript запутан, поэтому довольно сложно следить за тем, что происходит. Если вы проверяете их изображения, вы можете увидеть, что они инкапсулируются с пролетом с классом под названием «тень» и имеет стиль фонового изображения, как, например:
<span style="background-image: url(http://sh.deviantart.com/x/150/134/logo3.png);" class="shadow">
Но если вы ища клиентский способ добавления теней к изображениям, посмотрите этот скрипт: http://www.netzgesta.de/corner/
Используйте FireBug для проверки уровня громкости, и вы увидите, что миниатюра находится в элементе span, который имеет стиль = "background-image: url (http://sh.deviantart.com/x/150/100/logo3.png); "
Так что в основном есть промежуток с изображением фона, который имитирует тень.
