ALT подпись к рисункам

На днях в 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: "&nbsp;" attr(title) "&nbsp;" attr(alt); }

img[alt] { content: "&nbsp; i &nbsp;"; }

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)

// 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);

// ==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);