VPF::Кнопки при hover плывут - Форум программистов

ardeler

Дата 12.2.2012, 12:01 (ссылка)

(нет голосов)

Загрузка ...

Старец

Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1

Здравствуйте плывут кнопки при hover при загрузке сайта
вот код

Код


input#submit {
    background: url("../images/картинка.png") repeat scroll 0 0 transparent;
    border: 0 none;
    height: 33px;
    text-indent: -9999px;
    width: 141px;
}

hover

Код


input#submit:hover{ background:url(../images/картинка2.png); width:141px; height:33px; border:0px; text-indent:-9999px;}

средний вескартинок от 2 кб до 6 ..

может я что то сделал не так ? буду рад любому совету . Спасибо

Это сообщение отредактировал(а) ardeler - 12.2.2012, 13:15

--------------------

Jumo network | myspace

$дмитрий

Дата 12.2.2012, 14:44 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

Цитата

плывут кнопки при hover

Во втором случаи пропиши позиционирование

Код


background:url(../images/картинка2.png) 0 0 repeat;

ardeler

Дата 12.2.2012, 17:28 (ссылка)

(нет голосов)

Загрузка ...

Старец

Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1

не помогает - видно что подгружается картинка ховера после того как подгрузилась и после последующих переходов все нормально ....
Но как сделать что бы не плыла при загрузке сайта .

--------------------

Jumo network | myspace

$дмитрий

Дата 12.2.2012, 18:03 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

Цитата

видно что подгружается картинка ховера

Решения:
1. Использовать спрайт
2. Загрузить картинку заранее, но не отображать. Пример <img src="../images/картинка2.png" style="posisiotn:absolute; top:-99999px; left:-99999px">
3. Предварительно загрузить через JS

ardeler

Дата 13.2.2012, 02:05 (ссылка)

(нет голосов)

Загрузка ...

Старец

Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1

Спасибо за совет а не подскажите как найти этот js скрипт

--------------------

Jumo network | myspace

$дмитрий

Дата 13.2.2012, 03:45 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

Код


<html>
    <head>
        <script>
        function preloader() 
        {
            heavyImage = new Image(); 
            heavyImage.src = "heavyimagefile.jpg";
        }
        </script>
    </head>
    <body onLoad="preloader()">
        <a href="#" onMouseOver="javascript:document.img01.src='heavyimagefile.jpg'">
        <img name="img01" src="justanotherfile.jpg"></a>
    </body>
</html>

ardeler

Дата 13.2.2012, 11:27 (ссылка)

(нет голосов)

Загрузка ...

Старец

Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1

спасибо

--------------------

Jumo network | myspace

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »