|
md5 ↓
|
 |
|
27 Август, 2008, 12:04:29
|
НЕ ХУЕТА!
ХУЕТА!
|
выезд, апартаменты, массаж, стриптиз, подружки, дорого
Группа: в ухо Карма: не нужна
Сообщений: 10493 Сила слова: 1.19
|
Как прелоадить картинки?
чтобы при динамической смене картинки с помощью js, оно не грузилось, а уже было загружено
|
|
|
|
|
Записан
|
8: Undefined variable: str
Файл: /home/pyha/pyha.ru/forum/bbcode/Xbb/Tags/Man.php
Строка: 18
adw0rd: мудень блять, я уже фиксить стал эту фигню :)
md5: вуахахахаха
|
|
|
|
CTAPbIu_MABP ↓
|
|
|
27 Август, 2008, 12:06:20 , спустя 1 минуту 51 секунду
|
НЕ ХУЕТА!
ХУЕТА!
|
мавр
Группа: в ухо Карма: не нужна
Сообщений: 5187 Сила слова: 1.81
|
var img = new Image();
img.src = 'loading.gif';
|
|
|
|
|
Записан
|
java.lang.OutOfMemoryError
|
|
|
|
KENDO ↓
|
|
|
27 Август, 2008, 08:45:29 , спустя 8 часов 39 минут 9 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Адекваты Карма: 10
Сообщений: 444 Сила слова: 2.25
|
boolean img.complete
А сим свойством узнаем, загружена картинка до конца или нет :-) |
|
|
|
|
Записан
|
|
|
|
|
Z-MODe ↓
|
|
|
23 Июль, 2009, 07:19:11 , спустя 329 дней 22 часа 33 минуты 42 секунды
|
НЕ ХУЕТА!
ХУЕТА!
|
Карма: 1
Сообщений: 201 Сила слова: 0.5
|
Мне постоянно возвращается false и работать не хочет(((
var img1 = new Image();
img1.src = 'images/aboutcompany_on.jpg';
var img2 = new Image();
img2.src = 'images/obusluge_on.jpg';
var img3 = new Image();
img3.src = 'images/investor_on.jpg';
var img4 = new Image();
img4.src = 'images/partners_on.jpg';
var img5 = new Image();
img5.src = 'images/contacts_on.jpg';
var preload = img1.complete && img2.complete && img3.complete && img4.complete && img5.complete; |
|
|
|
|
Записан
|
Некоторые программисты на столько суровы, что сохраняют логи аськи на баше...
|
|
|
|
phpdude ↓
|
|
|
23 Июль, 2009, 07:21:16 , спустя 2 минуты 5 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
я - ЭМО
Группа: в ухо Карма: 344
Сообщений: 20775 Сила слова: 1.66
|
Z-MODe, если бы ты еще понимал что ты делаешь и почему фолс .... то ты бы не задавал такие вопросы :)
|
|
|
|
|
Записан
|
забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
|
|
|
|
Z-MODe ↓
|
|
|
23 Июль, 2009, 11:43:10 , спустя 4 часа 21 минуту 54 секунды
|
НЕ ХУЕТА!
ХУЕТА!
|
Карма: 1
Сообщений: 201 Сила слова: 0.5
|
Жаль что линка не последовало.. ибо реально не понимаю..
но думаю вопрос решился.. jquery
jQuery.preload = function() {
jQuery.each (arguments,function (e) {
jQuery("<img>").attr("src", this);
});
}
|
|
|
|
|
Записан
|
Некоторые программисты на столько суровы, что сохраняют логи аськи на баше...
|
|
|
|
adw0rd ↓
|
|
|
23 Июль, 2009, 11:50:15 , спустя 7 минут 5 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
эдво
Группа: в ухо Карма: не нужна
Сообщений: 17610 Сила слова: 1.67
|
Z-MODe, а для чего ты делал new Image(); и вообще что хотел сделать?
|
|
|
|
|
Записан
|
|
|
|
|
Z-MODe ↓
|
|
|
23 Июль, 2009, 11:53:45 , спустя 3 минуты 30 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Карма: 1
Сообщений: 201 Сила слова: 0.5
|
Есть меню из картинок.. просто фирменный шрифт все дела.. ну и при наведении картинка меняется.. ну и тупо не клёво, когда навёл, а у тебя квадрат с крестом(
Хотел подгрузить все картинки в фоне, и анимировать это меню только при условии, что все картинки загружены.
|
|
|
|
|
Записан
|
Некоторые программисты на столько суровы, что сохраняют логи аськи на баше...
|
|
|
|
phpdude ↓
|
|
|
23 Июль, 2009, 11:57:01 , спустя 3 минуты 16 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
я - ЭМО
Группа: в ухо Карма: 344
Сообщений: д-о-х-у-я! Сила слова: 1.66
|
Z-MODe, сут ьв том, что ты просишь браузер создать изображение из нужного урла. все круто, НО! ... НО!!! !!!!!! но чтобы узнать загружены они были или нет, тебе недостаточно complete проверить .. тебе надо его проверять с интервалом, ибо браузер грузит кратинки в асинхронном режиме относительно страницы. и соответственно, ты просто какбе говоришь "загрузи" ... и он дальше яваскрипт выполняет, а картинки в этот момент загружаются :)
тебе надо либо setInterval либо весит image.onload = function ...
надеюсь понятно объяснил Спустя 58 секунд добавил
Есть меню из картинок.. просто фирменный шрифт все дела.. ну и при наведении картинка меняется.. ну и тупо не клёво, когда навёл, а у тебя квадрат с крестом(
Хотел подгрузить все картинки в фоне, и анимировать это меню только при условии, что все картинки загружены.
не пробовал в одну картинку класть свой фирменный шрифт в 2 видах : наведенный и ненаведенный ? ну и при наведении просто margin или тп для нее делать?
|
|
|
|
|
Записан
|
забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
|
|
|
|
adw0rd ↓
|
|
|
24 Июль, 2009, 12:00:39 , спустя 3 минуты 38 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
эдво
Группа: в ухо Карма: не нужна
Сообщений: 17610 Сила слова: 1.67
|
Z-MODe, используй css-sprites для подгрузки картинок твоего меню
рабочий код, для того чтобы ты понял как надо делать, но лучше юзай jq:
<script type="text/javascript">
function imgChange ()
{
var img = document.getElementById('img');
img.src = 'img2.png';
}
</script>
<img id="img" src="img1.png" onclick="imgChange(); return false;" />
|
|
|
|
|
Записан
|
|
|
|
|
phpdude ↓
|
|
|
24 Июль, 2009, 12:05:23 , спустя 4 минуты 44 секунды
|
НЕ ХУЕТА!
ХУЕТА!
|
я - ЭМО
Группа: в ухо Карма: 344
Сообщений: 20775 Сила слова: 1.66
|
adw0rd, так это то он и понял. суть в том, что когда ты наведешь мышкой, то браузер НАЧНЕТ загружать и первые 1-5 секунд там будет пусто вместо картинки. в ИЕ6 будет блядский крестик =)) а если их все фейково подгрузить при onload то когда наведешь она уже из кеша будт браться соответственно быстрее в миллионы раз ))
|
|
|
|
|
Записан
|
забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
|
|
|
|
adw0rd ↓
|
|
|
24 Июль, 2009, 12:09:15 , спустя 3 минуты 52 секунды
|
НЕ ХУЕТА!
ХУЕТА!
|
эдво
Группа: в ухо Карма: не нужна
Сообщений: 17610 Сила слова: 1.67
|
phpdude, а, ясно, ну тогда ему css-спрайты и img.style в помощь
|
|
|
|
|
Записан
|
|
|
|
|
Z-MODe ↓
|
|
|
24 Июль, 2009, 03:28:01 , спустя 3 часа 18 минут 46 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Карма: 1
Сообщений: 201 Сила слова: 0.5
|
phpdude,
1. Я об этом подумал, но потом понял, что реализовал не так, как подумал.
2. Как эт делаетсо? как вариант думал сделать бекграунд в виде наведённой..
|
|
|
|
« Последнее редактирование: 24 Июль, 2009, 03:28:01 от Z-MODe »
|
Записан
|
Некоторые программисты на столько суровы, что сохраняют логи аськи на баше...
|
|
|
|
phpdude ↓
|
|
|
24 Июль, 2009, 12:09:59 , спустя
|
НЕ ХУЕТА!
ХУЕТА!
|
я - ЭМО
Группа: в ухо Карма: 344
Сообщений: д-о-х-у-я! Сила слова: 1.66
|
phpdude, а, ясно, ну тогда ему css-спрайты и img.style в помощь
ксс спрайты да, норм |
|
|
|
|
Записан
|
забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
|
|
|
|
Givi ↓
|
|
|
24 Июль, 2009, 10:50:13 , спустя 10 часов 40 минут 14 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Адекваты Карма: 42
Сообщений: 2305 Сила слова: 1.82
|
Z-MODe, я при возможности делаю так:
1. Ссылку делаю блочным элементом с заданными размерами.
2. Прописываю для ссылки фоновую картинку по умолчанию
3. Прописываю для ссылки фоновую картинку по хуверу (a:hover)
3.1. Удобнее всего сделать пункт 2 и 3 одной картинкой со смещением при наведении.
4. Делаю для ссылки размер шрифта в 0, высоту линии (я не знаю как оно правильно называется по-русски - line-height) тоже 0
5. Вписываю в ссылку текст, идентичный тому, который на картинке или же просто текст ссылки, который мне нужен
6. В результате получаю графическую ссылку с хувером + при глюке с ЦССкой есть текстовые нормальные ссылки, а крестиков никаких нет, потому как картинки и не грузятся вовсе :)
|
|
|
|
|
Записан
|
Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
|
|
|
|
