Aiuto per impostare width e height tramite script

**TheAvenger** · 04-05-2022, 18:25

Salve a tutti. Sto cercando di impostare gli attributi width e height per delle immagini sul mio blog, e sto utilizzando uno script perché è l'unico modo che mi è venuto in mente. L'ho testato online con un editor e funziona perfettamente, ma quando lo inserisco nel sito non va. Ve lo riporto qui di seguito:

codice:

$(document).ready(function () {    
    $('.related img').attr('width','345').attr('height','230');
});

Sostanzialmente è un DIV che contiene i thumbnail dei post correlati all'articolo. Non capisco dov'è che sbaglio. L'ho inserito prima in <head> e poi in <body> ma niente da fare... Potete aiutarmi per favore? Grazie.

**br1** · 05-05-2022, 08:24

prova ad aggiungere l'unita' di misura: '345px'

**piesse78** · 05-05-2022, 13:51

senza unità di misura dovrebbe essere corretto visto che si tratta dell'attributo del tag IMG e non della regola di stile css.

prima di tutto controlla in console se incollando quella riga, le dimensioni vengono settate correttamente.

se non funziona, hai un problema nel selettore ".related img". controlla sempre in console se vengono rilevate correttamente dando $('.related img').length verificando che non sia 0.

se funziona, può essere un problema di tempi, magari le immagini vengono caricate "lazy" o via ajax. In questo caso devi ritardare l'invio del comando.

**U235** · 05-05-2022, 15:33

jquery lo hai importato?

**TheAvenger** · 05-05-2022, 17:51

Grazie a tutti delle risposte. Specificando i px non cambia nulla e jQuery a giudicare dai file del mio tema grafico sembra esserci (vedo il $ quindi...).

Certe cose non riesco a metterle in pratica perché di JS non ne capisco nulla. Pensavo appunto che quel codice elementare mi avrebbe parato il sedere.

Comunque se dovessi ritardare il comando come dovrei fare?

**U235** · 05-05-2022, 18:05

Originariamente inviata da TheAvenger

...
Comunque se dovessi ritardare il comando come dovrei fare?

dovresti utilizzare setInterval, qualcosa del genere:

codice:

 setInterval(function(){
    $('.related img').attr('width','345').attr('height','230');
},5000);

(dove 5000 corrisponde a 5 secondi)

ma non puoi provare a postare un link alla pagina o il codice della pagina stessa? così magari si riesce a capire qualcosa di più.
Inoltre ti consiglio di controllare la console del browser per capire se ti da errori, magari riesci a risolvere.
Per la console premi f12 (su chrome, edge ecc.)

**ciro78** · 05-05-2022, 21:38

Originariamente inviata da TheAvenger

Salve a tutti. Sto cercando di impostare gli attributi width e height per delle immagini sul mio blog, e sto utilizzando uno script perché è l'unico modo che mi è venuto in mente. L'ho testato online con un editor e funziona perfettamente, ma quando lo inserisco nel sito non va. Ve lo riporto qui di seguito:

codice:

$(document).ready(function () {    
    $('.related img').attr('width','345').attr('height','230');
});

Sostanzialmente è un DIV che contiene i thumbnail dei post correlati all'articolo. Non capisco dov'è che sbaglio. L'ho inserito prima in <head> e poi in <body> ma niente da fare... Potete aiutarmi per favore? Grazie.

se non posti il codice completo da qualche parte è difficile aiutarti.

**KillerWorm** · 05-05-2022, 22:42

sto utilizzando uno script perché è l'unico modo che mi è venuto in mente

Ciao, perché non usare direttamente una regola CSS?
Se hai possibilità di inserire in qualche modo del CSS sul tuo blog, ti basterà una cosa del genere:

codice:

.related img {
   width: 345px;
   height: 230px;
}

a patto che quel selettore punti correttamente agli elementi interessati.

Se non funziona cerca di chiarire meglio il contesto, come già ti è stato accennato. Se puoi postare un link alla pagina può essere più facile aiutarti.

**TheAvenger** · 06-05-2022, 13:51

Niente ragazzi alla fine importando jQuery da Google ha funzionato... Io non lo so, vedendo i file del template con il $ pensavo che ci fosse già... Lo so, roba da facepalm assoluto

Grazie a tutti del gentile supporto.

Discussione: Aiuto per impostare width e height tramite script

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto per impostare width e height tramite script

Tag per questa discussione

Permessi di invio