Kolyan
|
Новичок
|
|
|
Зарегистр: 28/09/2003
|
Сообщений: 1
|
|
|
ALT подпись к рисункам
28/09/2003 12:00
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Люди, помогите разобраться, плз. В ІЕ когда наводишь курсор мыши на рисунок, то всплывает ALT подпись к рисунку (если она есть, канечна). В Опере такого нет. Иногда только бывает надпись типа - Title: *****. Подскажите как можно включить в Опере такую фичу. Например на сайте weather.bigmir.net при наведении на значок погоды должно появляться пояснение (ясно, дождь и т.п.). По-моему это единственный недостаток Оперы, который я надеюсь мы устраним
|
KOCTET
|
Operaman
|
|
|
Зарегистр: 16/11/2002
|
Сообщений: 495
|
Из: Petersburg
|
|
Re: ALT подпись к рисункам
28/09/2003 12:18
[Re: Kolyan]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Дело в том, что это зависит от вебмастера, если он не идиот, то подписи к рисункам будет выводить через TITLE, а ALT нужен, для того, что бы если рисунок не загрузиться, то вместо него будет выведен текст. Хотя наверное лучше прописовать оба тега. Попробуй на том же сайте отключи показ рисунков, и все подписи к картинкам ты увидишь.
Исправлено KOCTET (28/09/2003 12:21)
|
alter
|
Operaman
|
|
|
Зарегистр: 19/11/2002
|
Сообщений: 903
|
Из: Irkutsk, Russia
|
|
Re: ALT подпись к рисункам
28/09/2003 12:40
[Re: KOCTET]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Обычно для этого используют proxomitron (more and more).
|
Mongoose
|
Moderator
|
|
|
Зарегистр: 21/05/2003
|
Сообщений: 1754
|
Из: Київ, Ненька Україна
|
|
Re: ALT подпись к рисункам
28/09/2003 16:01
[Re: alter]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
alter А кинь плз скриптик для этого дела.
|
alter
|
Operaman
|
|
|
Зарегистр: 19/11/2002
|
Сообщений: 903
|
Из: Irkutsk, Russia
|
|
Re: ALT подпись к рисункам
28/09/2003 16:38
[Re: Mongoose]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Кажется, так: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'ов обхожусь.
|
Mongoose
|
Moderator
|
|
|
Зарегистр: 21/05/2003
|
Сообщений: 1754
|
Из: Київ, Ненька Україна
|
|
Re: ALT подпись к рисункам
28/09/2003 17:37
[Re: alter]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
alter Что-то не фурычит.
|
alter
|
Operaman
|
|
|
Зарегистр: 19/11/2002
|
Сообщений: 903
|
Из: Irkutsk, Russia
|
|
Re: ALT подпись к рисункам
28/09/2003 18:09
[Re: Mongoose]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Mongoose Может JavaScript не включен.
|
Mongoose
|
Moderator
|
|
|
Зарегистр: 21/05/2003
|
Сообщений: 1754
|
Из: Київ, Ненька Україна
|
|
Re: ALT подпись к рисункам
28/09/2003 19:01
[Re: alter]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Включён, и в файерволе тоже не давится. Проверял здесь
|
Boris
|
Operaman
|
|
|
Зарегистр: 18/11/2002
|
Сообщений: 503
|
Из: USSR Moscow
|
|
Re: ALT подпись к рисункам
01/10/2003 19:58
[Re: KOCTET]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Сейчас посмотрел код на http://www.opera.com/
Там ни у одного рисунка нет TITLE
?
|
alter
|
Operaman
|
|
|
Зарегистр: 19/11/2002
|
Сообщений: 903
|
Из: Irkutsk, Russia
|
|
Re: ALT подпись к рисункам
26/11/2003 08:09
[Re: Boris]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
[>>>]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'а | всегда). Присоединяйтесь к дискуссии.
|
Mongoose
|
Moderator
|
|
|
Зарегистр: 21/05/2003
|
Сообщений: 1754
|
Из: Київ, Ненька Україна
|
|
Re: ALT подпись к рисункам
26/11/2003 10:16
[Re: alter]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
О, полезно! Включу. Спасибо. Есть ещё действительно юзабельные закладурки для Оперы?
|
mobrustik
|
Новичок
|
|
|
Зарегистр: 18/03/2004
|
Сообщений: 11
|
Из: Россия, Тверь
|
|
Re: ALT подпись к рисункам
19/03/2004 18:13
[Re: Mongoose]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Что-то не могу сообразить, что такое "закладурки"? И можно ли добавить кнопку с вышеуказанным javascript, создав html-файл по типу странички кнопками в Мастерской Мангуста.
|
alter
|
Operaman
|
|
|
Зарегистр: 19/11/2002
|
Сообщений: 903
|
Из: Irkutsk, Russia
|
|
Re: ALT подпись к рисункам
19/03/2004 19:02
[Re: mobrustik]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
mobrustik Ты просто создаёшь закладку, где в поле адреса вставляешь эту строку. Далее ты можешь её перетащить, куда угодно, пририсовать к ней какую-нибудь кнопку (в поиск опять) тоже. При запуске этой закладурки все альты у тебя станут тайтлам, и, соответственно, ты сможешь их прочитать!
Кроме того, где-то есть фильтр для проксомитрона под это дело, но где его найти, я не знаю.
|
van_grieg
|
Admin
|
|
|
Зарегистр: 19/11/2002
|
Сообщений: 1210
|
Из: Не будем о грустном
|
|
Re: ALT подпись к рисункам
20/03/2004 04:09
[Re: mobrustik]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Вот моя любимая. Открывает окошко с 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" в настройках.
|
mobrustik
|
Новичок
|
|
|
Зарегистр: 18/03/2004
|
Сообщений: 11
|
Из: Россия, Тверь
|
|
Re: ALT подпись к рисункам
22/03/2004 20:57
[Re: alter]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
2alter
Благодарствую за объяснение! Как я понимаю существует 3 решения проблемы с alt= и title=: 1) закладурка, 2) Proxomitron, 3) использование CSS. Вообще из-за этой проблемы я и начал тему "Показ текста в тэге <img ALT="ТЕКСТ">" (честно сказать, досканально я разобрался в поведении Оперы и IE относительно альтов и тайтлов, только написав свой третий пост в начатой мною же теме ).
В итоге имеем: 1. Работающая закладурка 2. Работающий фильтр для Proxomitron - чтобы его сделать пришлось мне почитать help и... родился (в инете не нашел ) фильтр. (есть в моей теме) 3. пользовательский CSS - САМОЕ УДОБНОЕ РЕШЕНИЕ, но пока не реализовано. Тут либо многоуважаемые ПРОФИ помогут, либо пусть хоть подскажут, где почитать о CSS.
|
Kildor
|
Operaman
|
|
|
Зарегистр: 10/03/2004
|
Сообщений: 557
|
Из: Россия, Новосибирск
|
|
Re: ALT подпись к рисункам
23/03/2004 19:42
[Re: mobrustik]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
На днях в 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)
Исправлено Kildor (23/03/2004 19:50)
|
mobrustik
|
Новичок
|
|
|
Зарегистр: 18/03/2004
|
Сообщений: 11
|
Из: Россия, Тверь
|
|
Re: ALT подпись к рисункам
23/03/2004 22:28
[Re: Kildor]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Этот CSS недавно также предлагал Mongoose в теме "Показ текста в тэге <img ALT="ТЕКСТ">". Я его потэстил - не работает... и правильно: у этого CSS другая задача - обозначить картинку добавлением в тэг <img> параметра alt=">>". Нам же нужно добавить параметр title="ТЕКСТ" из alt="ТЕКСТ". Сейчас у меня единственная проблема - не знаю как с помощью CSS добавлять параметр (напр, title=) в тэг (напр, <img>).
Поэтому... еще раз: Многоуважаемые ПРОФИ! Если все-таки не поможете с этим, то хоть подскажите где можно почитать о CSS.
|
XXXL
|
Admin
|
|
|
Зарегистр: 18/07/2002
|
Сообщений: 379
|
Из: Москва
|
|
Re: ALT подпись к рисункам
23/03/2004 23:06
[Re: mobrustik]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Попробуй изменить так:
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 читай здесь ...А через яндекс ещё кучу ссылок найдётся !
(off) Зря вообщето для одного сабжа два аналогичных топика создали и продублировали половину постов :-(
|
Ilya_B
|
Новичок
|
|
|
Зарегистр: 17/10/2003
|
Сообщений: 3
|
Из: Новосибирск
|
|
Re: ALT подпись к рисункам
25/03/2004 08:51
[Re: XXXL]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
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=(путь к файлу) , где хх-последний незанятый порядковый номер.
|
Stinger
|
Operaman
|
|
|
Зарегистр: 26/03/2004
|
Сообщений: 550
|
|
|
Re: ALT подпись к рисункам
29/04/2005 13:39
[Re: Ilya_B]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Проблема до сих пор актуальна, потому что: 1. Букрмарклет нужно каждый раз запускать вручную. 2. CSS-файлы, предложенные здесь искривляют страницу.
Так есть ли все-таки возможность сконвертировать при помощи CSS подсказку из тэга ALT в тэг TITLE? Или CSS этого не позволяет?
|
Stinger
|
Operaman
|
|
|
Зарегистр: 26/03/2004
|
Сообщений: 550
|
|
|
Re: ALT подпись к рисункам
29/04/2005 23:08
[Re: Stinger]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Готовое решение проблемы при помощи пользовательского 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.
|
Hedin
|
Новичок
|
|
|
Зарегистр: 15/06/2004
|
Сообщений: 21
|
Из: Минск
|
|
Re: ALT подпись к рисункам
15/05/2005 05:58
[Re: Stinger]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
а можно сделать, так что бы алт отображался в свойствах картинки которые вызываются через меню правой главиши а то часто его надо скопировать а с предыдущими способоми js это невозможно
|
Stinger
|
Operaman
|
|
|
Зарегистр: 26/03/2004
|
Сообщений: 550
|
|
|
Re: ALT подпись к рисункам
15/05/2005 12:49
[Re: Hedin]
[post link]
|
Напомнить
Правка
|
Сообщить
Ответ
|
|
|
Есть еще вот такой скрипт для той же задачи (конвертирует тэг 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).
|