[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: JQuery $(window).resize(function(){});
Stasonix
вопрос думаю ясен, исп. jquery, простого алерта хватит для примера, если сжимают alert(1), если расстягивают alert(0)

$(window).resize(function(){

if (...) { alert(1); }; // если сжали 1
if (...) { alert(0); }; // расжали 2

});




Спустя 7 минут, 46 секунд (27.09.2011 - 16:18) linker написал(а):
$(document).ready(function(){ сохраняем размеры окна });
после это тупо сравниваешь сохранённые с теми что получаются при ресайзе.

Спустя 1 минута, 7 секунд (27.09.2011 - 16:19) Stasonix написал(а):
впрочем напишу в чем суть:

var windwidth = $(window).width();
$(window).resize(function(){
if ($(this).width()<windwidth) { font_size = font_size-1; }
if ($(this).width()>windwidth) { font_size = font_size+1; }
$('.test').css('font-size',font_size+'px');
});


когда стягиваю окно, размер шрифта уменьшается, когда же расширяю, то не увеличивается, вроде всё и правильно, чего ему еще надо?

Спустя 1 минута, 1 секунда (27.09.2011 - 16:20) Stasonix написал(а):
Цитата (linker @ 27.09.2011 - 13:18)
$(document).ready(function(){ сохраняем размеры окна });
после это тупо сравниваешь сохранённые с теми что получаются при ресайзе.

хочу динамически размер шрифта изменить, см. выше.

Спустя 10 минут, 26 секунд (27.09.2011 - 16:30) Stasonix написал(а):
var fs = $('.pricl').css('font-size');
fsize = fs.split('p');
font_size = fsize[0]; // текущий размер шрифта

var windwidth = $(window).width();
$(window).resize(function(){
if ($(this).width()<windwidth) { font_size = font_size-1; }
if ($(this).width()>windwidth) { font_size = font_size+1; }
$('.pricl').css('font-size',font_size+'px');
});


вот так понятней откуда размер тянется

Спустя 3 минуты, 44 секунды (27.09.2011 - 16:34) linker написал(а):
Да оно и так всё ясно без лишних объяснений. Короче, когда ресайз заканчивается, то окно меняет свои размеры, а вот переменная windwidth остаётся со старым значением. Если ещё короче, то после изменения размера шрифта обновляй значение windwidth.

Спустя 3 минуты, 1 секунда (27.09.2011 - 16:37) Stasonix написал(а):
да, дей-но, худо-бедно, но работает:

var windwidth = $(window).width();
$(window).resize(function(){
if ($(this).width()<windwidth) { while (font_size>12) { font_size = font_size-1; } }
if ($(this).width()>windwidth) { font_size = font_size+1; }
$('.pricl').css('font-size',font_size+'px');
windwidth = $(window).width();
});

Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.