css e fir

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