Петък 2 май 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

Изображения. Променяме размера с помощта на мишката

Променяме размера на изображения
Поздрави на всички приятели, читатели и гости на блога. В предишна моя публикация писах как да променим формата на изображенията с помощта на курсора. Днес ще се научим как да променим размера на изображенията, като използваме скрол бутона на мишката.
Какво ще постигнете. След зареждане на изображението на желаното от вас място в една публикация и запаметяване, отворете публикацията, която вече е на главната страница. Задръжте курсора над изображението в нея и превъртете скрола на мишката. В едната посока ще постигнете увеличение на изображението, а в другата посока - смаляване. Наистина е страхотно!
За да използвате такава функция в страниците на блога, трябва да поставите скрипт в кода на темата над затварящия таг </ head>.

Кодът е:

<script type='text/javascript'>
(function(){
var zooming=function(e){
e=window.event ||e;
var o=this,data=e.wheelDelta || -e.detail*40,zoom,size;
if(!+&#39;\v1&#39;){//IE
zoom = parseInt(o.style.zoom) || 100;
zoom += data / 12;
if(zoom &gt; zooming.min)
o.style.zoom = zoom + &#39;%&#39;;
e.returnValue=false;
}else {
size=o.getAttribute(&quot;_zoomsize&quot;).split(&quot;,&quot;);
zoom=parseInt(o.getAttribute(&quot;_zoom&quot;)) ||100;
zoom+=data/12;
if(zoom&gt;zooming.min){
o.setAttribute(&quot;_zoom&quot;,zoom);
o.style.width=size[0]*zoom/100+&quot;px&quot;;
o.style.height=size[1]*zoom/100+&quot;px&quot;;
}
e.preventDefault();
e.stopPropagation();//for firefox3.6
}
};
zooming.add=function(obj,min){// first parameter is for the image need to zoom ,min define the image zoom size ,default to 50
zooming.min=min || 50;
obj.onmousewheel=zooming;
if(/Firefox/.test(navigator.userAgent))//if Firefox
obj.addEventListener(&quot;DOMMouseScroll&quot;,zooming,false);
if(-[1,]){//if not IE
obj.setAttribute(&quot;_zoomsize&quot;,obj.offsetWidth+&quot;,&quot;+obj.offsetHeight);
}
};
window.onload=function(){//must be onload , in order to get the image size
zooming.add(document.getElementById(&quot;test&quot;));
}
})()

</script>

После, когато качвате снимка или изображение в редактора на блогър, отидете в HTML секцията му и поставете отрязъка id = "test" преди URL адреса на конкретното изображение. Ето така:


<img border="0" height="279" id="test" src="url адрес на изображението" width="320" />


Сега можете да предложите на посетителите си интересни снимки или някои уникални и авторски изображения, за да ги видят в по-голям размер.



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



На всички въпроси ще отговоря в коментарите или използвайте формуляра на контактната форма.

Успех и доскоро!

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

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

BGtop
OpenCloseComments
Cancel