E' possibile inserire un css sulle proprietà dei link <a>

[djrmxr]

Salve,
da poco nel mio sito ho inserito "lightbox", solo che ogni volta che inserisco un'immagine devo andare ad inserire nella proprietà <a href="images/image-1.jpg" rel="lightbox" <---questa stringa per far funzionare lightbox.
Ora io voglio un css che inserisca automaticamente questa stringa nella proprietà dei link. E possibile fare una cosa del genere?

Vi ringrazio anticipatamente

[Cesar]

Lo puoi fare velocemente con jquery

$("a[href$=.jpg]").attr("rel", "lightbox");

[djrmxr]

Scusa la mia ignoranza ma non so cos'è JQuery. Se in poche parole riusciresti a spiegarmelo..
Comunque io l'ho messo nel CSS (vale a dire <style>) ma non funziona. Cioè quando vado a cliccare una immagine (ovviamente con il link puntato sulla stessa) mi apre solo l'immagine nel modo classico.

[ilCrosta]

Stai facendo confuzione.
rel non è CSS, ma un attributo. Devi inserirlo nell'HTML, così come inserisci un id o una classe.

Non è un'operazione dispendiosa ^^'

Puoi usare jquery, ma non sò quanto sia conveniente importare una libreria per una cosa del genere.

PS, jquery è una libreria che ti permette, tra le altre cose, di manipolare gli elementi con pochi metodi semplici ed intuitivi.
ad esempio, per prendere un elemento con un dato id con javascript fai:

document.getElementById('id')

Con jquery, invece, puoi fare:

$('id').get(0)

Ma a parte questo offre molte scorciatoie utili.

[djrmxr]

Quindi fammi capire bene,
al posto di
dovrei mettere Ma a me la cosa che mi pesa fare molto è che ad ogni immagine, ogni volta devo andare ad inserire alla proprietà del link dell'immagine rel="lightbox"

[Xinod]

parli del lightbox originale, scritto per prototype/scriptacolous
o di un suo porting per jquery?

[djrmxr]

parlo di lightbox 2 originale.
Dicevo che ad ogni immagine devo andare ad inserire la proprietà rel="lighbox" affinchè funzioni.

[Xinod]

te la butto li', non uso prototype da anni

prima di eseguire lightbox (che nel tuo caso probabilmente vuol dire prima di includere proprio il .js esterno nel documento) devi far eseguire

document.observe("dom:loaded", function() {
  $$('a > img').each(function(el,i){
	el.up().writeAttribute('rel','lightbox')
  })
});

questo aggiunge un rel="lightbox" a TUTTI i link che hanno come immediato discendente un img

buon proseguimento

[djrmxr]

Ma dove lo devo inserire questo codice?
Si premetto che ho richiamato il .js di lightbox

[Xinod]

Originariamente inviato da Xinod
prima di eseguire lightbox (che nel tuo caso probabilmente vuol dire prima di includere proprio il .js esterno nel documento) devi far eseguire

mettilo in un altro js esterno e includilo prima di includere lightbox.js