/w3c/ Wyświetlanie opisu do obrazka (alt)

w dziale Opera
DonWujaRem' napisał(a):

Witam!

Szukalem odpowiedzi, ale nie znalazlem sad
Jak wiadomo w IE mozna po najechaniu na obiekt odczytywac alternatywny tekst dla obrazkow/linkow, w Operze jednak jest to tylko adres. Czy mozna w jakikolwiek sposob odczytywac w Operze ten alternatywny tekst?

michmaj napisał(a):

Alternatywny adres jak sama nazwa wskazuje jest alternatwywą dla obrazka w takich przypadkach jak:
1. Przeglądarka tekstowa
2. Przeglądarka z wyłączonymi obrazkami
3. Obrazek z jakiegoś powodu nie może być załadowany.

Tak przynajmniej ja to rozumiem ale nie jestem ekspertem od HTML

DonWujaRem' napisał(a):

Witam!

nie... chodzi mi o ten tekst, jaki sie pojawia po najechaniu na obrazek/link i nawet jak jest obrazek to ten tekst sie pojawia w "chmurce", ale w Operze zamiast tego tekstu pojawia sie link.

michmaj napisał(a):

Ten tekst co pojawia się w chmurce to title (czy to sie poprawnie nazywa atrybut title?) i jak taki jest (dla obrazka czy dla linku czy może czegoś tam jeszcze) w kodzie HTML to go Opera oczywiście też pokazuje.

Przy odpowiadaniu na tym forum masz uśmieszki i jest w chmurce:
Title: smile
Address: cośtam

DonWujaRem' napisał(a):

Witam!

chodzi mi o tekst po komendzie alt="tekst"
a nie o title="text"

qviri napisał(a):

Opera alt nie pokazuje jako dymka, i słusznie.

quiris napisał(a):

Gwoli uściślenia:
alt: http://www.w3.org/TR/html401/struct/objects.html#adef-alt
title: http://www.w3.org/TR/html401/struct/global.html#adef-title

Wyświetlanie alt przez MSIE w chmurce jest jednym z wielu przypadków błędnego (niezgodnego ze standardem HTML 4.01) zachowania tej przeglądarki.

michmaj napisał(a):

Originally posted by DonWujaRem'
Witam!

chodzi mi o tekst po komendzie alt="tekst"
a nie o title="text"



Czyli jednak chodzi Ci o alt? Chyba w pierwszym poście napisałem, że jest to jak sama nazwa wskazuje alternatwywa dla obrazka w takich przypadkach gdy:
1. Używana jest przeglądarka tekstowa.
2. Przeglądarka ma wyłączone pokazywanie obrazków.
3. Obrazek z jakiegoś powodu nie może być załadowany.
Brałem to na logikę ale jak potwierdzili inni jest to też opisane w standardach.

DonWujaRem' napisał(a):

Witam!

no to teraz juz wszystko wiem... czyli, jak chce uzyskac taki efekt to musze dodac do kodu strony title="text" zamiast alt="text"?

quiris napisał(a):

Originally posted by DonWujaRem'
Witam!

no to teraz juz wszystko wiem... czyli, jak chce uzyskac taki efekt to musze dodac do kodu strony title="text" zamiast alt="text"?


Exactly. bigsmile

mina86 napisał(a):

ALT byl od bardzo dawna uzywany do 'chmurek', wynika to miedzy innymi z faktu, ze kiedys nie bylo atrybutu TITLE i nie bylo mozliwosci uzyskania efektu 'chmurki'. Oczywiscie, bylo to bledne ale w gruncie rezczy nikomu to nie wadzilo.. Teraz prawde mowiac tez to za bardzo nie wadzi, ale jest to bledne i jest mozliwosc uzyskania chmurki, wiec uzycie ALT do chmurki jest nieuzasadnione.

Rav-V3k napisał(a):

aha.... jeszcze jedno pytanie

jeszcze problem z obrazkami... po najechaniu myszką przważnie pokazuje mi adres, a nie nazwę skrótu czy obrazka. jak to zmienić ???confused

jedrzej napisał(a):

bo z reguły majstry od stron stosują znacznik alt który jest dla przeglądarek tekstowych a znaczy tyle co alternative, czyli tekst zastępczy. Znacznik prawidłowy to Title, który jak nazwa wskazuje jest tytułem obrazka i on będzie wtedy wyświetlany.

pablik napisał(a):

Aby zobaczyć "alt" od obrazków wystarczy wyłączyć pokazywanie obrazków (zazwyczaj trzecia ikonka na lewo od paska adresu).

nacuna napisał(a):

Obraz,zdjecie,fotka z opisem

Jak zrobic w Operze 7.23 zeby po najechaniu na jakas fotke, badz na jakis plik graficzny z opisem pokazywal opis tego pliku, a nie link do strony, ktory nas przeniesie po kliknieciu na fotke/plik graficzny????

DonWujaRem' napisał(a):

Witam!

musisz w kodzie obrazka dodac title="jakis tekst (opis)" w IE wystarczy alt="jakis tekst (opis)" ale to jest blad i powinno sie uzywac TITLE

nacuna napisał(a):

A czy jak sie uzyje title to IE to rozpozna?
Przeciez wszedzie jest alt zamiast title sad

wyzimir napisał(a):

Jak użyjesz title to w IE będzie ok (tekst pojawi się w dymku, we wszystkich przeglądarkach). Tekst z ALT wyświetla się w miejscu obrazka kiedy ten nie jest załadowany.

nacuna napisał(a):

OK smile
Dzieki bigsmile

Zajec napisał(a):

I uzywaj alt nawet gdy ma to wyglądać w taki sposób:
alt=""
wink wiesz... w3c i te sprawy smile

nacuna napisał(a):

A co to jest to "w3c i te sprawy" ?

Zajec napisał(a):

Nie bijcie za nie fachowe wytłumaczenie wink
w3c to taki ogólnoświatowy standard pisania kodu html,xml czy css.
Poprawność swojej strony możesz sprawdzić wciskająć ctrl+alt+v lub klikaja prawym p myszy w trakcie ogladania strony i tam ramka->sprawdz poprawnosc źródła
Teoretycznie strona niezgodna z w3c powinna nie działać, lub działać źle. Niestety doszło do tego, że obecnie to przeglądarki się dopasowywują do niepoprawnych stron, a nie ich autorzy do w3c.

Zajec napisał(a):

A przy okazji moje pytanko do administratorów:
Czy forum Opery, na którym tak walczymy o poprawne obsługiwanie naszej przeglądarki, o zgodność stron ze standardami itp - czy nie powinniśmy zacząć od siebie i naprawić naszego html'ka confused

nacuna napisał(a):

AHA smile
Rozumiem

AbdulMumit napisał(a):

[HTML] Wyswietlanie opisu do obrazka (alt)

Czy to normalne, ze sie opis do obrazka nie wyswietla w Operze? W moim kodzie jest tak:
<td style="background-image:url
([url]http://bogorya.republika.pl/images/logoAOmaleprzezroczyste.gif[/url]);
background-repeat:no-repeat;background-position:right">
<IMG SRC="http://bogorya.republika.pl/images/piksel.gif" WIDTH="120"
 HEIGHT="74" ALT="Proszę nie kopiować obrazka.  Prawa zastrzeżone &copy;."
oncontextmenu="window.event.returnValue=false;"
ondrag="window.event.returnValue=false;" align="right"> 

Jesli mozna sprawic, aby sie wyswietlal, prosze o podpowiedz.

qviri napisał(a):

alt się pokazuje jak obrazka nie można załadować/pokazać

to, czym wyskakuje (wg. W3C) jest title.

<img title="to ja wyskakuję!" />

AbdulMumit napisał(a):

Dzieki, nie wiedzialem smile WSZYSCY, lacznie z sama Opera, uzywaja alt. Oto przykladowy kod, jaki podaja, kiedy sie chce wrzucic ich bannerek na swoja strone:

Windows <a href="http://www.regnow.com/softsell/nph-softsell.cgi?
item=7000-1&affiliate=755741">
<img src="http://promote.opera.com/banners/opera/windows/ow-get-00-en-mic.gif"
alt="[Buy Opera!]" width="88" height="31"></a></br>
Linuks <a href="http://www.regnow.com/softsell/nph-softsell.cgi?
item=7000-4&affiliate=755741">
<img src="http://promote.opera.com/banners/opera/linux/
ol-get-00-en-mic.gif" alt="[Get Opera!]" width="88" height="31"></a>

lockoom napisał(a):

Bo WSZYSTKIM zależy na tym aby pojawiał się opis obrazka zanim zostanie on ściągnięty bądź też wtedy gdy z jakichś powodów nie zostanie pobrany z serwera smile

mina86 napisał(a):

Bądź w przypadku przeglądarki tekstowej. ALTernative text (ew. ALternative Text) ma właśnie takie zastosowanie i do tego został wymyślony.

wyzimir napisał(a):

to tak bardzo nielubiany przez nas IE przyzwyczaił ludzi do tego, że ALT ma pojawiać się w dymkach...

AbdulMumit napisał(a):

W zasadzie EOT - problem rozwiazany.

Zastanawia mnie tylko, jak to jest mozliwe, zebym przez tyle lat grzebania po roznych html-ach etc. nie wiedzial o "title" confused down Zacmienie zadne, kurna, to nie jest - zajrzalem do swoich starych prac, i tam tez wszedzie "alt" jeno. Jakichs zlych nawykow nabralem, pewnie od jakiegos mistrza (bo to zla mistrza byla), i na starosc bokiem wychodzi.

To dowod, ze nie powinno sie wierzyc innym, szczegolnie autorytetom. smile

Zola3 napisał(a):

Wyświetlanie nazw zdjęć

Być może było już na tym forum ale nie wiem jak sformuować pytanie dla wyszukiwarki: otóż chodzi mi o sposób, aby po najechaniu myszką na zdjęcie pojawiła się jego nazwa lub/i opis (<alt> w html). W tej chwili pojawia mi się tylko ew. adres odnośnika. Jakieś pomysły?
Pozdrawiam
Grzesiek

Ultrazbig napisał(a):

Trzeba użyć :

title="opis zdjęcia "


Pozdrawiam
Zbyszek

edit://zobaczalbo tutaj

Zola3 napisał(a):

No ale ja pytam od strony użytkownika a nie twórcy strony:)
Mi, jako oglądaczowi (np. www.wp.pl wink) po najechaniu myszą na zdjęcie w IE pojawia się żółty napis z opisem (np. "wiosna") a w Operze pojawia się adres odnośnika, ale ani śladu "wiosny". Czy da się to zmienić? Co ustawić w Operze, aby były opisy (nazwy) zdjęć..?
Dzięki za cierpliwość
Grzesiek

Ultrazbig napisał(a):

IE błędnie wyświetla.
Przegladarka nie powinna wyświetlać alt'a tylko title.
Z poziomu Opery nic nie da sie zrobić.

pozdrawiam
Zbyszek

mapijasz napisał(a):

Podejrzewam, że chodzi nie o "alt" ale o "Address", który pojawia się na żółtym pasku i często miast pomagać - pzreszkadza.
Sam bym chętnie jakoś to zmienił, jeśli to możliwe.

adas napisał(a):

Mi się wydaje, że da się to zrobić w CSS-ie. Należey prosić moose wink Wtedy wystarczy wyłaczyć tooltipy a włączyć odpowiedni styl CSS.

adas napisał(a):

A co tam będziecie moose'a męczyć smile

img[alt]:hover:before {
content:"Alt: " attr(alt);
position:absolute;
color:black; 
padding:3px; 
font-size:11px;
min-width:80px;
margin:0 20px 0 20px;
background: #FFF280; 
border: thin outset #FFFFCC;
}

Wkleić do pliku user.css. (dokładne instrukcje na http://nontroppo.org/wiki/BlokowanieReklam w części "Ukrywanie flashy przy użyciu CSS" - zamienić tamten kod tym.

adas napisał(a):

A teraz jeszcze zrzut smile. Tak to mniej więcej wygląda. Czy może być? wink

tooltipy.png

adas napisał(a):

Oczywiście to trzeba poprawić aby działało - teraz rozwala stronę www.wp.pl i się pokazuje jeżeli w kodzie jest alt="".

//edit: lol nie tylką tą ale także www.opera.com bigsmile

quiris napisał(a):

Wersja javascriptowa dodająca odpowiednie atrybuty title do obrazków (dzięki temu Opera je wyświetla w dymkach). Dodaje te atrybuty tylko w przypadku, gdy nie występuje w oryginalnym kodzie atrybut title dla tych obrazków i istnieje atrybut alt:

document.addEventListener('load', function(ev) { 
  var obrazki=document.getElementsByTagName('img');
  for (var i=0; i < obrazki.length; i++) {
     if (!obrazki[[B][/B]i].title && obrazki[[B][/B]i].alt) {
            obrazki[[B][/B]i].setAttribute('title',obrazki[[B][/B]i].alt);
            }
     }
}, false);

Poniżej zamieszczam gotowy skrypt do pobrania i umieszczenia w katalogu z własnymi skryptami użytkownika.
alt-to-title.js