ALT подпись к рисункам
|
Kolyan 09/28/03 12:00 PM |
|
Люди, помогите разобраться, плз. В ІЕ когда наводишь курсор мыши на рисунок, то всплывает ALT подпись к рисунку (если она есть, канечна). В Опере такого нет. Иногда только бывает надпись типа - Title: *****. Подскажите как можно включить в Опере такую фичу. Например на сайте weather.bigmir.net при наведении на значок погоды должно появляться пояснение (ясно, дождь и т.п.). По-моему это единственный недостаток Оперы, который я надеюсь мы устраним
|
Re: ALT подпись к рисункам
|
KOCTET 09/28/03 12:18 PM |
|
Дело в том, что это зависит от вебмастера, если он не идиот, то подписи к рисункам будет выводить через TITLE, а ALT нужен, для того, что бы если рисунок не загрузиться, то вместо него будет выведен текст. Хотя наверное лучше прописовать оба тега. Попробуй на том же сайте отключи показ рисунков, и все подписи к картинкам ты увидишь.
|
Re: ALT подпись к рисункам
|
alter 09/28/03 12:40 PM |
|
Обычно для этого используют _//proxomitron.nm.ru/_ (_//www.proxomitron.info/_ and _//www.computercops.biz/modules.php?name=Proxomitron_).
|
Re: ALT подпись к рисункам
|
Mongoose 09/28/03 04:01 PM |
|
alter А кинь плз скриптик для этого дела.
|
Re: ALT подпись к рисункам
|
alter 09/28/03 04:38 PM |
|
Кажется, так:code: Name = "Alt to Title (JS version) [EAH]" Active = TRUE Limit = 256 Match = "<end>" Replace = "<script>" "for (i=0; i< document.images.length; i++)" "{ if (!document.images[i].title) " "document.images[i].title = document.images[i].alt; }" "</script>" Но я этим так и не воспользовался. Как-то без alt'ов обхожусь.
|
Re: ALT подпись к рисункам
|
Mongoose 09/28/03 05:37 PM |
|
alter Что-то не фурычит.
|
Re: ALT подпись к рисункам
|
alter 09/28/03 06:09 PM |
|
Mongoose Может JavaScript не включен.
|
Re: ALT подпись к рисункам
|
Mongoose 09/28/03 07:01 PM |
|
Включён, и в файерволе тоже не давится. Проверял _//www.webshots.com/g/tr/nw-nw.html_
|
Re: ALT подпись к рисункам
|
Boris 10/01/03 07:58 PM |
|
Сейчас посмотрел код на _//www.opera.com/_
Там ни у одного рисунка нет TITLE
?
|
Re: ALT подпись к рисункам
|
alter 11/26/03 08:09 AM |
|
[_//my.opera.com/forums/showthread.php?s=&threadid=25395_]code: javascript:(function(){var i,P,t,a,D=document;for(i=0;P=D.images[i];++i){t=P.getAttribute("title");if(t==""){P.title=P.getAttribute("alt");}}})()
Это закладурка. То есть, её можно просто сделать кнопкой где-нибудь. Она меняет alt на title там, где titl'а нету. Mongoose, я бы включил её в конфигуратор, будь я на твоём месте. Как сделать, чтобы она работала всё время, я не занаю. То есть знаю, что можно сделать это с помощью проксомитрона, но я им не пользуюсь.
В wish-list'е в теме про alt я воюю за опцию "показывать alt" (выпадаловка: никогда | когда нет titl'а | всегда). Присоединяйтесь к _//my.opera.com/forums/showthread.php?s=&threadid=15784_.
|
Re: ALT подпись к рисункам
|
Mongoose 11/26/03 10:16 AM |
|
О, полезно! Включу. Спасибо. Есть ещё действительно юзабельные закладурки для Оперы?
|
Re: ALT подпись к рисункам
|
mobrustik 03/19/04 06:13 PM |
|
Что-то не могу сообразить, что такое "закладурки"? И можно ли добавить кнопку с вышеуказанным javascript, создав html-файл по типу странички кнопками в Мастерской Мангуста.
|
Re: ALT подпись к рисункам
|
alter 03/19/04 07:02 PM |
|
mobrustik Ты просто создаёшь закладку, где в поле адреса вставляешь эту строку. Далее ты можешь её перетащить, куда угодно, пририсовать к ней какую-нибудь кнопку (в поиск опять) тоже. При запуске этой закладурки все альты у тебя станут тайтлам, и, соответственно, ты сможешь их прочитать!
Кроме того, где-то есть фильтр для проксомитрона под это дело, но где его найти, я не знаю.
|
Re: ALT подпись к рисункам
|
van_grieg 03/20/04 04:09 AM |
|
Вот моя любимая. Открывает окошко с Javascript-редактором
javascript:W7=open('','A','width=480,height=340,resizable');W7.focus();with(W7.document){write('<center><form><textarea name=X rows=15 cols=54 wrap>javascript:</textarea><p><input type=button value=Run onclick=opener.location=X.value>');void(close())}
Чаще всего я ее использую, чтобы посмотреть, например, размер элемента как его нарисовал браузер. Это можно сделать так, например:
var el=document.getElementById("id"); var sizeY = document.defaultView.getComputedStyle(el, '').getPropertyValue("height"); alert(sizeY);
Или например можно посмотреть размер окна браузера:
var winHeight = window.innerHeight; alert (winHeight);
Ну и т.д. и т.п.
Понятно, что так можно не только высоту узнать, а вообще все, что угодно. Когда ваяешь веб-нетленку какую-нибудь, очень полезно.
Никаких особых bookmarklets для Оперы не нужно. Это самый обычный Javascript. Соответственно, все, что Опера в этой области поддерживает, то работать и будет. То есть ИЕ-онли вещи многие не пройдут, но зато можно вовсю использовать лучшую поддержку DOM, чем у ИЕ.
Ну и есть одна проблема. Чтобы они работали, надо выставить "Reuse existing window" в настройках.
|
Re: ALT подпись к рисункам
|
mobrustik 03/22/04 08:57 PM |
|
2alter
Благодарствую за объяснение! Как я понимаю существует 3 решения проблемы с alt= и title=: 1) закладурка, 2) Proxomitron, 3) использование CSS. Вообще из-за этой проблемы я и начал тему "_//forum.myopera.net/favlinker.php?Cat=&Entry=184&F_Board=opera7&Thread=10340&partnumber=&postmarker=_" (честно сказать, досканально я разобрался в поведении Оперы и IE относительно альтов и тайтлов, только написав свой третий пост в начатой мною же теме ).
В итоге имеем: 1. Работающая закладурка 2. Работающий фильтр для Proxomitron - чтобы его сделать пришлось мне почитать help и... родился (в инете не нашел ) фильтр. (есть в моей теме) 3. пользовательский CSS - САМОЕ УДОБНОЕ РЕШЕНИЕ, но пока не реализовано. Тут либо многоуважаемые ПРОФИ помогут, либо пусть хоть подскажут, где почитать о CSS.
|
Re: ALT подпись к рисункам
|
Kildor 03/23/04 07:42 PM |
|
На днях в ru.opera пролетал css...
Работает?
Code:
= ru.opera (2:5000/238.10) ====================================================
Msg : 50 of 68
From : Lena Kokoulina 2:5020/400 19 Мар 04 13:13:04
To : Sergei Stolyarov
Subj : Opera vs ALTphiles
===============================================================================
From: Lena Kokoulina <OperaTalk@YahooGroups.com>
Hi Sergei,
discussing the topic "Opera vs ALTphiles",
on Wednesday, 17.03.2004, at 16:18
you wrote in operatalk at least in part:
[^Y]
SS> Есть ещё одна проблема - отсутствие тега Alt при отключенной загрузке
SS> картинок. В этом случае картинки на экране нет, нету никаких следов, где
SS> она могла бы быть, и поэтому её невозможно отдельно подгрузить. Частично
SS> всё это решается таким набором фильтров:
Спасибо.
Я подобную задачу решала, но через пользовательские css:
input[type="image"] { border: 1px outset #eeeed5; content: "submit"
!important;}
img { min-width: 3px; min-height: 3px; border: 1px inset #eeeed5; font-size:
xx-small; color: #999177; font-family: Arial; }
img[title] { content: " " attr(title) " " attr(alt); }
img[alt] { content: " i "; }
a[href] img { font-size: xx-small; content: ">>"; font-family: Arial
!important; font-weight: normal !important; background-color: #0066ff
!important; color: #ffffff !important; }
Вполне пригодное решение для тех, кто без Проскомитрона
обходится. Да и включать/выключать на лету удобнее.
--
Bye!
Lena
--
Gatewayed from OperaTalk <http://groups.yahoo.com/group/operatalk/>
From: Lena Kokoulina <543445{at}mail.ru>
Date: Fri, 19 Mar 2004 11:18:04 +0500
--- ifmail v.2.15dev5.3
* Origin: Gate - "fido7.ru.opera <----> OperaTalk@YahooGroups.Com (2:5020/400)
|
Re: ALT подпись к рисункам
|
mobrustik 03/23/04 10:28 PM |
|
Этот CSS недавно также предлагал Mongoose в теме "_//forum.myopera.net/favlinker.php?Cat=&Entry=184&F_Board=opera7&Thread=10340&partnumber=&postmarker=_". Я его потэстил - не работает... и правильно: у этого CSS другая задача - обозначить картинку добавлением в тэг <img> параметра alt=">>". Нам же нужно добавить параметр title="ТЕКСТ" из alt="ТЕКСТ". Сейчас у меня единственная проблема - не знаю как с помощью CSS добавлять параметр (напр, title=) в тэг (напр, <img>).
Поэтому... еще раз: Многоуважаемые ПРОФИ! Если все-таки не поможете с этим, то хоть подскажите где можно почитать о CSS.
|
Re: ALT подпись к рисункам
|
XXXL 03/23/04 11:06 PM |
|
Попробуй изменить так:
img[title] { content: " " attr(title) " " attr(alt); }
img[alt] { content: " " attr(title) " " attr(alt); }
a[href] img { content: " " attr(title) " " attr(alt); font-family: Arial
!important; font-weight: normal !important; background-color: #0066ff
!important; color: #ffffff !important; }
Про CSS читай _//css.wallst.ru/links.shtml_ ...А через яндекс ещё кучу ссылок найдётся !
(off) Зря вообщето для одного сабжа два аналогичных топика создали и продублировали половину постов :-(
|
Re: ALT подпись к рисункам
|
Ilya_B 03/25/04 08:51 AM |
|
CSS:
img[alt]:after {
content: attr(alt);
display: block;
background-color: #ffd;
color: #000;
font: normal 7pt Arial !important;
border: 1px solid #555;
}
Что делает: добавляет под рисунками их alt-подписи (не во всплывающую подсказку, а на саму страницу), при этом сами рисунки остаются на странице. Недостаток в том, что нарушает разметку страницы, особенно, если рисунок выравнен по левому или по правому краю.
Для тех кто забыл как добавлять свои стили в Опере:
1)создаем файл show_alt.css и копируем туда указанный код
2)открываем OperaDef6.ini, находим строку [Local CSS Files],
пишем: Name xx=Show <alt>
File xx=(путь к файлу) , где хх-последний незанятый порядковый номер.
|
Re: ALT подпись к рисункам
|
Stinger 04/29/05 01:39 PM |
|
Проблема до сих пор актуальна, потому что: 1. Букрмарклет нужно каждый раз запускать вручную. 2. CSS-файлы, предложенные здесь искривляют страницу.
Так есть ли все-таки возможность сконвертировать при помощи CSS подсказку из тэга ALT в тэг TITLE? Или CSS этого не позволяет?
|
Re: ALT подпись к рисункам
|
Stinger 04/29/05 11:08 PM |
|
Готовое решение проблемы при помощи пользовательского JS-файла. Показывает внутри всплывающей подсказки текст из тэга img alt, если тэг title не прописан должным образом.
Code:
// modified from Andrew Gregory
document.addEventListener('load', function() {
var i, img, imgs = document.getElementsByTagName('img');
for (i = 0; i < imgs.length; i++) {
img = imgs[i];
if (img.hasAttribute('alt') && !img.hasAttribute('title')) {
if ( img.getAttribute('alt')!=""){
img.setAttribute('title', img.getAttribute('alt')+" (Alt)");
}
}
}
}, false);
Сохраняем код в текстовом файле с именем alt-title.js и подключаем к Опере:
Preferences - Advanced - JavaScript Options - My JavaScript Files.
Проверить скрипт на работоспособность можно на картинках любой статьи, опубликованной на новостном сайте lenta.ru.
|
Re: ALT подпись к рисункам
|
Hedin 05/15/05 05:58 AM |
|
а можно сделать, так что бы алт отображался в свойствах картинки которые вызываются через меню правой главиши а то часто его надо скопировать а с предыдущими способоми js это невозможно
|
Re: ALT подпись к рисункам
|
Stinger 05/15/05 12:49 PM |
|
Есть еще вот такой скрипт для той же задачи (конвертирует тэг ALT картинок в тэг title в случае когда title не задан по стандарту)
Code:
// ==UserScript== // @name Image Alt to Title Attributes // @namespace http://www.scss.com.au/family/andrew/opera/userjs/ // @description For images with an alt attribute, but not a title // attribute, copies the alt attribute to the title // attribute. Improves image tooltip display on some // sites. // ==/UserScript== document.addEventListener('load', function() { var i, imgs, fix = function(img) { if (!img.hasAttribute('alt')) { img.setAttribute('alt', ''); } if (!img.hasAttribute('title')) { img.setAttribute('title', img.getAttribute('alt')); } }; imgs = document.getElementsByTagName('img'); for (i = 0; i < imgs.length; i++) fix(imgs[i]); imgs = document.getElementsByTagName('input'); for (i = 0; i < imgs.length; i++) { if (imgs[i].hasAttribute('type') && imgs[i].getAttribute('type').toLowerCase() == 'image') fix(imgs[i]); } }, false);
Кто может сказать, чем он лучше предыдущего скрипта(см. на два поста выше)?
В ответ на: а можно сделать, так что бы алт отображался в свойствах картинки которые вызываются через меню правой главиши а то часто его надо скопировать а с предыдущими способоми js это невозможно
Разместить содержимое тэга картинки в свойствах картинки нельзя. Но можно посмотреть(и скопировать) тэг из исходника страницы(нажать Ctrl+F3).
|