[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как поменять рисунок-ссылку на рисунок
GET
Здравствуйте, проблема такая грузится страничка с рисунком-ссылкой, при надатии на нее она вновь загружается, только уже ссылка не нужна, а загружается просто рисунок, рисунки разные. Как сделать, чтоб не мелькала эмблема пустого рисунка(цветные трекгольник и кружок), пока подгружается второй рисунок(доли секунды, но все же)



Спустя 9 минут, 59 секунд (18.11.2010 - 06:15) kirik написал(а):
прописать для img тэга style="display:none" onload="this.style.display='inline'" должно сработать. Только юзеры с отключенным JS никогда не увидят картинки. Чтобы этого не происходило нужно повесить событие на dom onload которое скрывает все img тэги.

Спустя 8 минут, 42 секунды (18.11.2010 - 06:24) ABC написал(а):
kirik
Спасибо, а есть такие с отключенным JS...как бы это для безопасности делается да?

все сработало!...легкое подергивание, но это думаю рисунки отличаются чуть по размеру...

Цитата
Чтобы этого не происходило нужно повесить событие на dom onload которое скрывает все img тэги.


можно чуть подробнее я не изучал еще JS


Спустя 1 час, 33 минуты, 34 секунды (18.11.2010 - 07:57) ABC написал(а):
И еще вот хотел спросить а чисто при помощи CSS нельзя ссылку в картинку превратить?

Спустя 14 минут, 2 секунды (18.11.2010 - 08:11) kirik написал(а):
Цитата (A.B.C. @ 17.11.2010 - 23:57)
чисто при помощи CSS нельзя ссылку в картинку превратить?

Под "ссылкой" ты подразумеваешь <a> тэг? Если да, то можно. Почитай про свойство background в css.

Цитата (A.B.C. @ 17.11.2010 - 22:24)
а есть такие с отключенным JS...как бы это для безопасности делается да?

Есть. Их не много, но все же smile.gif

Цитата (A.B.C. @ 17.11.2010 - 22:24)
можно чуть подробнее я не изучал еще JS

Самый подходящий момент smile.gif Вот два урока (раз, два), которые в свое время мне открыли глаза на JS.

Спустя 10 минут, 43 секунды (18.11.2010 - 08:22) Nikitian написал(а):
Цитата (kirik @ 18.11.2010 - 05:11)
Есть. Их не много, но все же smile.gif

Есть я и меня немало smile.gif
A.B.C. закиньте такую же картинку в тег <noscript></noscript>. Если я зайду на сайт, то увижу картинку из этого тега, если зайдёт кто-то с включённым JS - увидит картинку после её полной загрузки.

Спустя 12 минут, 37 секунд (18.11.2010 - 08:35) ABC написал(а):
Спасибо...smile.gif))...крыша уже дымит от инфы, я как Джони-мнемоник:)

Спустя 5 часов, 17 минут, 11 секунд (18.11.2010 - 13:52) ABC написал(а):
Все равно не могу придумать, как без JS при помощи CSS после клика по рисунку превратить картинку-ссылку просто в рисунок.

Рисунок необычный, а сам на CSS - роллер кнопка-вот инфа:

http://dimox.name/dinamic_link_buttons_with_css/

Как после третьего состояния превратить кнопку-ссылку просто в рисунок кнопки, чтоб не была кликабельна пока "её" страничка открыта???

Спустя 2 часа, 14 минут, 27 секунд (18.11.2010 - 16:06) ABC написал(а):
<td>
<?php
if (isset($_GET['link']) && $_GET['link']=='1')
{?>
<img
src="IMG/IMG_CT/tm_1.png"
style="display:none"
onload="this.style.display='inline'"
/><?php
}
else
{ ?>
<a
href="tovar.php?link=1" class="tovars"></a><?php
} ?>
</td>


CSS
A.tovars {
background: url(../IMG/IMG_CT/topmenu_1.png);
display: block;
width: 100px;
height: 100px;
}
A.tovars:hover {
background-position: 0 -100px;
}


Т.е. на данный момент:
Если есть GET['link'] и ==1, то рисуем просто - картинку если нет то ссылку. На данный момент эти картинки разные.

Спустя 2 часа, 16 минут, 53 секунды (18.11.2010 - 18:23) ABC написал(а):
Вопрос снят!!! Нужно было использовать старую картинку и просто прописать новый класс с ней же для тега <P> НАПРИМЕР.

Сам догадался! smile.gif


_____________
Не тот велик, кто не падал, а тот кто падал и поднимался.
Быстрый ответ:

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