whycomputer.com >> Интернет знания >  >> Софтуер

Как да създадете ефект на размазана снимка в Tumblr, когато курсорът не е над нея

Подготовка на изображенията

За ефекта ви са необходими две почти еднакви версии на същата снимка – оригиналната ясна версия и копие, което е размазано. С помощта на GIMP, Photoshop или друг редактор приложете филтъра Blur към втората снимка. Двете изображения трябва да имат еднакви размери.

JavaScript код

Кодът се поставя между <head> и </head> в темата на вашия Tumblr. Той използва събитията onMouseOver и onMouseOut, за да превключва между ясната и размазаната версия.

<script type="text/javascript">
function MouseRollover(img) { img.src = "Picture1.jpg"; }
function MouseOut(img) { img.src = "Picture2.jpg"; }
</script>

Заменете Picture1.jpg с URL‑а на ясната снимка и Picture2.jpg с URL‑а на размазаната.

HTML код

Този блок поставете там, където искате да се появи ефектът. Той задава размерите и свързва събитията с JavaScript‑а.

<div style="text-align:center;">
    <img src="Picture2.jpg"
         width="500"
         height="500"
         onmouseover="MouseRollover(this)"
         onmouseout="MouseOut(this)" />
</div>

Първоначално се показва Picture2.jpg – размазаната версия. Променете стойностите на width и height според нуждите си.

Инсталиране в темата

  1. Отворете таблото на Tumblr и кликнете Customize върху желания блог.
  2. Изберете Edit HTML, за да отворите редактора на темата.
  3. Поставете JavaScript кода точно преди затварящия </head> таг.
  4. След това поставете HTML блока на желаното място в темата.
  5. Натиснете Update Preview, за да проверите резултата, и след това Save.

URL:https://bg.whycomputer.com/soft/100218951.html

Софтуер
  • Създаване на овална рамка за изображения – стъпка по стъпка

    ВъведениеРамката придава завършен вид на вашата снимка. Избирайки подходяща рамка, съобразена с фона, цветовата гама и самото изображение, можете да направите фотографията по-елегантна, професионална или игрива. Не се ограничайте само с традиционния правоъгълник – всяка форма е възможна. Овалната ра

  • Как да направим изображението на монитора по-ясно

    Остротата на изображението на вашия монитор зависи главно от резолюцията, зададена в операционната система. По-ниската резолюция (например 800 × 600) прави елементите по-големи, но изглеждат замъглени, докато по-високата (например 1680 × 1050) ги прави по-малки, но по-детайлни. Стъпки за настройка С

Интернет знания © https://bg.whycomputer.com