Смена размеров изображения и смещение слоя

@Samazar · Регистрация: 02.11.2011

Студворк — интернет-сервис помощи студентам

Добрый день! Столкнулся с проблемами кросс-браузерности и решил попытаться их решить через jquery (Такие как, картинка на фоне и/или круглые углы). Для установки фонового изображения решил попытаться использовать слой, на котором находится картинка + оболочка с самим контентом. Попытался написать на JQuery функции, для считывания размеров оболочки и присвоения их изображению, но ничего не вышло. Не могли бы Вы указать на ошибки? с JQuery знаком очень мало и достаточно поверхностно...

Вот код:

JavaScript
1
2
3
4
5
6
7
8
        $('.bg img').each(function(){
    var height_new=$('.wrap').attr('height');
    alert("13");
    $('.bg img').attr('height', height_new);
    var temp=height_new;
    temp = temp - 10;
    $('.bg img').attr('bottom', temp);
    })

Если необходимо, пишите - скину все скрипты...

@Schtrich · 05.03.2012, 23:53

во 1-ых на своем опыте я уже убедился что круглые на jQuery, чистом js, css3pie или еще на чем-бы то ни было дело пагубное, разве-что можно скодить чуток, но все-равно потом отфотошопить чего красиво получилось.
во 2-ых какие-либо ошибки в косоли не замечали?

@Samazar · 06.03.2012, 11:30 **[ТС]**

1) у меня реализуется схема следующим образом:
если браузер на движках (не помню названия всех, но знающие, думаю, поймут) FF, Opera, WebKit, IE9+ - то используется css 3. Если используется ie 8, то используется скрипт (проверил на виртуалке - работает нормально вроде-как). Если используется ie 7, то картинка меняется на аналогичную, но с рамкой.
2) Насчет ошибок... Данный скрипт отрабатывает только в ie 7 (в остальных подобной проблемы нет). Проверяю его через IE8 в режиме IE7. Пишет отчет только о ошибке в шифровке для mailto. Но это шифровка стандартная Joomla.

PS alert вводил только для того, что бы посмотреть работает ли скрипт вообще. Не работает.

@Jay_D · 07.03.2012, 00:04

Спешу указать на ошибку !
Она в том что:
var height_new=$('.wrap').attr('height');
в переменной будет хранится допустим 100PX, а потом вы пишите:
var temp=height_new;
temp = temp - 10; - суть такая :
от строки "100PX" - 10
Все что нужно взять правильно высоту:

JavaScript
1
2
3
4
5
6
7
8
$('.bg img').each(function(){
        var height_new=$('.wrap').height();
        alert("13");
        $('.bg img').attr('height', height_new);
        var temp=height_new;
        temp = temp - 10;
        $('.bg img').attr('bottom', temp);
        });

@Samazar · 07.03.2012, 13:13 **[ТС]**

Спасибо всем! Все получилось! Правда, ошибки были в других местах

Ошибка 1) Забыл поставить ; после комбинации символов закрывающих блок кода })
Ошибка 2) Использовал атрибут bottom, забыв о том, что это относится к стилям.
Ошибка 3) В коде несколько запутался в селекторах.

В общем, на всякий случай, если кому-то придется сталкиваться с подобным в дальнейшем:

HTML5
1
2
3
4
5
6
7
8
<body>
  <div class='bg'>
    <img class='backgr' src='*path*'>
      <div id='wrap'>
        *тут код сайта*
      </div>
  </div>
</body>

CSS
1
.backgr{ width: 100%;}

JavaScript
1
2
3
4
5
6
$('.bg img.backgr').each(function(){
        var height_new=$('.wrap').height();
        $('.backgr').attr('height', height_new);
        $('.wrap').css({'position': 'absolute', 'right': 1});
        });
})

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@Schtrich weboman 210 / 195 / 63 Регистрация: 13.08.2010 Сообщений: 1,531 Записей в блоге: 6
	05.03.2012, 23:53
	во 1-ых на своем опыте я уже убедился что круглые на jQuery, чистом js, css3pie или еще на чем-бы то ни было дело пагубное, разве-что можно скодить чуток, но все-равно потом отфотошопить чего красиво получилось. во 2-ых какие-либо ошибки в косоли не замечали? 1

@Samazar 41 / 41 / 2 Регистрация: 02.11.2011 Сообщений: 193
	06.03.2012, 11:30 [ТС]
	1) у меня реализуется схема следующим образом: если браузер на движках (не помню названия всех, но знающие, думаю, поймут) FF, Opera, WebKit, IE9+ - то используется css 3. Если используется ie 8, то используется скрипт (проверил на виртуалке - работает нормально вроде-как). Если используется ie 7, то картинка меняется на аналогичную, но с рамкой. 2) Насчет ошибок... Данный скрипт отрабатывает только в ie 7 (в остальных подобной проблемы нет). Проверяю его через IE8 в режиме IE7. Пишет отчет только о ошибке в шифровке для mailto. Но это шифровка стандартная Joomla. PS alert вводил только для того, что бы посмотреть работает ли скрипт вообще. Не работает. 0