Неделя 11 май 2025 г.
>> Крейзи Хорс, един безкраен празник  >> Кабаре Лидо, история на успеха и признанието  >> Най-необичайните кафенета от цял свят  >> Мулен руж, кабарето на живота  >> Дивали, индийската Нова година  >> Мозаечната стълба  >> Палмовите библиотеки в Индия  >> Плаващ автобус в Амстердам  >> Избрани цитати от Вятърничав - епизод 3  >> Вятърничав. Съдържание на 3 епизод  >> Багдатския булевард в Истанбул - Багдат джадеси  >> Вятърничав. Съдържание на епизодите. 2 епизод  >> Актьорски състав и героите от "Вятърничав"  >> Герои и актьорски състав от Вятърничав  >> Главни герои и актьорски състав от сериала "Вятърничав"  >> Вятърничав. Главни герои и актьорски състав  >> Имението Шадооулу в Мидят  >> За сюжета на сериала Harcai – Вятърничав  >> Избрани цитати от сериала Вятърничав - епизод 1  >> Вятърничав. Съдържание на епизодите. 1 епизод  >> Свежи пролетни и летни модни идеи 2023  >> Hercai-Bg - Вятърничав  >> Приказка за безсмъртната любов, родена от отмъщението  >> Тодоровден  >> Денят на Баба Марта  >> Коронацията на Чарлз III и смелата молба на Том Круз да присъства   >> Коронация Карла III и Том Круз   >> Coronation of Charles III and Tom Cruise  >> Она жила один раз, похоронена дважды  >> She lived once, buried twice  >> Живяла веднъж, погребана два пъти  >> Карнавал в Рио-де-Жанейро - часть вторая  >> Карнавал в Рио-де-Жанейро  >> Рио-де-Жанейро − ночная звезда Бразилии  >> Трифоновден  >> Рио де Жанейро - нощната звезда на Бразилия  >> Why Germany has no moral right to pressure us for Skopje  >> Почему Германия не имеет морального права оказывать на нас давление из-за Скопье  >> Защо Германия няма морално право да ни натиска за Скопие  >> Basta of the northern Macedonian melodrama    undefined

Изображения. Увеличаване на размера при кликане с мишката

Увеличаване на изображение
Здравейте скъпи приятели и читатели на блога ми. Днес ще продължим да работим с изображения. В тази публикация ще научим как да увеличаваме изображенията в публикациите и страничната лента, когато кликваме върху тях с мишката, и то по два начина.


Прочетете също и публикации за изображенията и техните ефекти, предложени ви в сходни публикации в края на тази. Мисля, всеки разбира, че в качество на изображения можем да използваме скрийншоти, снимки и други.



Информацията е само за блогове на платформата Blogspot. Дали скриптовете работят в други ресурси не мога да кажа. Дори в Blogger работата и правилното показване на изображението може да се различават в различните теми (шаблони).

Първи начин


В нашата работа ще следваме следните стъпки:

➤Копирайте този скрипт в блокнот или друг текстови файл;


<style type="text/css">
.popup {width: 150px; cursor:pointer;}
.popup:focus {width: auto;}
</style>
<img src="#####" class="popup" tabindex="1"/>
РбасэЛ

➤В редактора на публикацията заредете изображението;

➤Кликнете върху изображението и изберете голям, много голям или оригинален размер;

➤Отворете HTML редактора и копирайте от адреса на изображението тази част;


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7i1SRRKdUDed8_nAjce-WqC0nTTcRUh6fQd3aG4Mn9EEbuo_Q-VBlv9gxwjHuoukdDjBqjo42O1AVCVE4s89YYzjEflto5tTbGHA_DPhljhY0GtX2KQSwZrQc4-OE4R6iXEfnFcYB-2E/s1600/bugenvilja4.jpg


➤Изтрийте зареденото изображение, а вече копирания му адрес впишете в скрипта на мястото, отбелязано в червено;

Ще се получи ето това


<style type="text/css">
.popup {width: 150px; cursor:pointer;}
.popup:focus {width: auto;}
</style>
<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7i1SRRKdUDed8_nAjce-WqC0nTTcRUh6fQd3aG4Mn9EEbuo_Q-VBlv9gxwjHuoukdDjBqjo42O1AVCVE4s89YYzjEflto5tTbGHA_DPhljhY0GtX2KQSwZrQc4-OE4R6iXEfnFcYB-2E/s1600/bugenvilja4.jpg
" class="popup" tabindex="1"/>



➤Сега трябва да вмъкнете този код в HTML редактора на публикацията на правилното място на страницата;

Погледнете резултата и кликнете върху изображението с мишката;



Втори начин


Най-лесният начин да увеличите едно изображение е да вложите в адреса му тага target_blank.


<a href=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7i1SRRKdUDed8_nAjce-WqC0nTTcRUh6fQd3aG4Mn9EEbuo_Q-VBlv9gxwjHuoukdDjBqjo42O1AVCVE4s89YYzjEflto5tTbGHA_DPhljhY0GtX2KQSwZrQc4-OE4R6iXEfnFcYB-2E/s1600/bugenvilja4.jpg
"target="_blank;">
<img border="0" height="213"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_x_beHerc7MOSzNPGhpLPTXsH_qK4QiBiEFMhKTS2SFY5lBs8Jw4dXIWQYS2Sm2sWpS1s2IlND1hjMZrpryBAbztkddAhn1BSGXvaYesoKhlXYXQP4YlEpRTWzsbVa1cAUsmUXpQT9Ps/s320/2e0hhces.jpg"

width="320" /></a>



С тага target_blank изображението се отваря в нов прозорец. Изображението ще се отвори в нов таб на браузъра, ако се "заключен" Lightbox. Lightbox дисплея зависи от настройките и може да се наложи да го деактивирате. По този начин:
Blogger ➔ Настройки ➔ Публикации и коментари ➔ Да се показва ли Lightbox ➔ да или не ➔ запаметявате. При мен е разрешен Lightbox.

Пример





Опитах се да вмъкна изображението и в страничната колона, изображението също се отваря в нов прозорец. Добре е и да се надяваме, че потребителите няма да напуснат бързо блога ни.

Ако имате въпроси, моля в коментарите или използвайте формата за контакт, за да се свържете с мен. Всичко най-хубаво.

Здраве за всички вас! Не забравяйте да правите добро на други хора!

Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:

BGtop


OpenCloseComments
Cancel