Ignoranza totale -cambio source immagine

[djspot1975]

Salve a tutti, come posso fare per inserire un'immagine ricavata da file.js (semplice script cambio immagine ogni giorno) in un layout bootstrap, ecco quello che vorrei fare :

<div class="container">


<!-- Project One -->
<div class="row">
<div class="col-md-7">
<a href="#">
<img class="img-fluid rounded mb-3 mb-md-0" src="file.jpg" > <--- ((QUI VORREI INSERIRE LO SCRIPT CHE RICAVA L'IMMAGINE DA FILE .JS INVECE DEL FILE.JPG ))
</a>
</div>
E' possibile? Effettivamente non ho trovato nessun esempio in giro.

[ciro78]

non ho capito. vuoi che l'immagine sia restituita da js? a che pro?

[djspot1975]

non ho capito. vuoi che l'immagine sia restituita da js? a che pro?

Quel javascript mi restituisce un'immagine corrispondente al giorno della settimana (oggi venerdi, quella di venerdi ; domani quella di sabato e via cosi).
Il vero problema è farla apparire nel contesto del layout bootstrap, quindi ridimensionabile come per la foto statica inserita nel codice originale.

[djspot1975]

Quel javascript mi restituisce un'immagine corrispondente al giorno della settimana (oggi venerdi, quella di venerdi ; domani quella di sabato e via cosi).
Il vero problema è farla apparire nel contesto del layout bootstrap, quindi ridimensionabile come per la foto statica inserita nel codice originale.

Grazie Ciro78 - Ovviamente il .js viene richiamato in quanto file esterno ( se vuoi incollo parte di esso)

[ciro78]

francamente non vedo lo scopo di fare quello che stai facendo.

puoi mettere nel src un qualcosa del tipo "cambiaimg.php" o asp o java...quello che usi insomma...e lato server proponi l'immagine corretta.

immagino che i tuo js ha una serie di if che in base al giorno della settimana va a settare l'attributo src?

[djspot1975]

Lo script sara sporco ma fa il suo dovere (secondo le mie modeste esigenze), il problema è il richiamo dello stesso.....

<script type="text/javascript"><!--
var imlocation = "cu/";
function ImageArray (n) {
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' '
}
}
image = new ImageArray(7);
image[0] = 'sunday.gif';
image[1] = 'monday.gif';
image[2] = 'tuesday.gif';
image[3] = 'wednesday.gif';
image[4] = 'gino.jpg';
image[5] = 'gino.jpg';
image[6] = 'saturday.gif';
var currentdate = new Date();
var imagenumber = currentdate.getDay();
document.write('<img src="' + imlocation + image[imagenumber] + '">');
//--></script>

[ciro78]

a parte che ti chiedo di usare il tag code per il codice.
non puoi iniettare una img così nel documento e aspettare che funzioni. devi dare un identificativo univoco al tuo tag img (quello di bootstrap)e poi cambiare il solo attributo src.

in jquery dovrebbe essere qualcosa del tipo

$("#idImg").attr("src",......);

[djspot1975]

a parte che ti chiedo di usare il tag code per il codice.
non puoi iniettare una img così nel documento e aspettare che funzioni. devi dare un identificativo univoco al tuo tag img (quello di bootstrap)e poi cambiare il solo attributo src.

in jquery dovrebbe essere qualcosa del tipo

$("#idImg").attr("src",......);

Grazie ciro78, intanto mi vogliate perdonare per non aver usato l'apposito tag code , come già detto nel titolo sono parecchio ignorante in materia. Io creo un file con il codice che ricava l'immagine e lo salvo come scriptimmagine.js , lo inserisco nella stessa cartella del file .html . Nel file html vado alla riga che contiene

<img class="img-fluid rounded mb-3 mb-md-0" src="file.jpg" >

. Arrivato qui' come posso richiamare il file.js ma soprattutto come posso assegnare un identificativo (sono confuso)... Perdonami...

[ciro78]

guarda non è mia abitudine dare il codice chiavi in mano.

come ti ho detto puoi includere jquery come libreria in modo che invece del document write usi il codice che ho scritto io.

non usare class ma id="..."

includi il tuo js

chiama nel metodo ready (jquery) la funzione che ti cambia l'immagine...(definita nel tuo script esterno).