ho letto da futa un pò di articoli sulle tecniche FIR per la gestione delle immagini in ambito semantico…
e devo dire che li ho trovato molto interessanti…
unico dubbio…
se all’interno della mia pagina ho 8374298 immagini, ovviamente riassumibili anche in semplice testo, altrimenti l’esempio semantico va a farsi friggere :wink:, che ovviamente sono contenstuali ed “indispensabili” al layout cosa faccio mi creo l’equivalente numero di ID nel css per la loro gestione?
esempio stupido:
per definire le immagini delle lettere dell’alfabeto da usare come capoversi (esempio tratto da stopdesign) dovrei aggiungere 24 ID nel mio CSS, se poi voglio anche i numeri e i caratteri particolari…
e qui esce la mia VERA anima di programmatore, non c’e’ la possibilità di inserire nell’attributo “background-image” l’url presa dinamicamente da un attributo di un elemento?
esempio [ovviamente questo NON funziona]:
<h1 miaurl=”img.gif”>testo</h1>
e poi nel CSS
h1 {
background-image: url ( attr (miaurl) );
text-indent: -100em;
background-repeat: no-repeat;
}
l’unica alternativa “dinamica” che ho trovato, sui commenti di phark, è di sovrascrivere l’attributo “background-image” della nostra classe utilizzando all’interno del tag l’attributo “style”:
<h1 style=”background-image:url(img.gif);”>
Header replaced with image
</h1>
e poi nel css definire:
h1 {
background-image: none;
}h1[style] {
background-repeat: no-repeat;
text-indent: -100em;
}
solo che anche questo non funziona su tutti i browser…
quindi? che fare? continuare ad usare il tag “img” nelle pagine con più di 5 immagini? o scrivere dei css da 1mb?
boh! :wink:
ciauz