[HTML] Immagini con link, uguali su tutte le pagine del sito

Regoleo · 27 Set 2018

Buongiorno, sono nuovo del forum e mi scuso in anticipo per eventuali irregolarità che dovessi commettere.
Sono uno sviluppatore dilettante e in fase di riscrittura del mio blog mi sono arenato su questo problema:

Ho trovato il modo di codificare un'immagine con CSS, in modo tale da poterla replicare uguale su tutte le pagine del sito. Ad esempio un banner pubblicitario. Se domani volessi cambiarla, mi basterà modificare il nome del file dell'immagine sul CSS (tipo da logo-1.jpg a logo-2.jpg) perché questa cambi automaticamente su tutte le pagine del sito senza doverle modificare ad una ad una.

Il codice che uso è questo:

CODICE CSS:

HTML:

#logo-studio {
      width:235px;
      height:85;
      margin:auto;
      background-image:url(../immagini/logo-1.jpg);
      background-repeat:no-repeat;
      }

HTML:

<!-- INIZIO AREA BANNER -->
    <div align="center">
        <div id="logo-studio"></div>
    </div>
  <!-- FINE AREA BANNER -->

Ora vorrei rendere l'immagine linkabile con lo stesso criterio, ovvero con la possibilità di poter cambiare l'indirizzo web a cui deve puntare l'immagine, una volta sola sul CSS anziché doverlo fare su tutte le pagine del sito.

Come posso fare?

Max 1 · 27 Set 2018

@Regoleo
Da regolamento del forum, come tutti noi sei tenuto ad usare il tag

quando posti del codice, oppure la funzione codice dalla barra degli strumenti

Inoltre ti prego di leggere attentamente il regolamento generale del forum e quello di sezione dove posti prima di scrivere
Grazie
Per questa volta te lo sistemo io ma mi raccomando per il futuro

Tornando al tuo problema questi sono i passaggi:

In un file esterno JS metti una funzione che assegni l'indirizzo web
Richiami il file esterno in tutte le pagine
Nel div metti la regola JS onclick che richiama la funzione JS

Regoleo · 27 Set 2018

Chiedo scusa e grazie per la risposta. Per l'avvenire prometto di leggere più attentamente il regolamento. e di attenermici.

Regoleo · 2 Ott 2018

Eccomi. Non sono riuscito a seguire alla lettera i suggerimenti ricevuti, però ho trovato una via di compromesso che per gratitudine vi posto, sperando che possa essere utile a qualcuno.

Passo 1 - ho creato un file JS come segue:

Codice:

function indirizzoweb() {return("<a href=z_pagina_di_prova.html target=blank><img src=calcoli-difficili_2.jpg with=456 height=257 border=1> </a>")};

Come si vede la funzione restituisce semplicemente una stringa contenente il tag <a href=, scritto esattamente come quello che avrei inserito nel file html, ma privo delle virgolette che normalmente racchiudono i valori assegnati agli attributi, il perché non l'ho capito ma funziona solo così.

Passo 2 - ho richiamato il file esterno in tutte le pagine, e fin qui ho rispettato i consigli.

Passo 3 - Non sono riuscito a utilizzare la regola onclick. Forse nei primi tentativi ho impostato male la funzione, o forse ho sbagliato altrove. Quindi ho scritto la pagina htlm così:

HTML:

<html>

<head>
<title>Prova link esterno</title>
<script src="mioscript_3.js"></script>
</head>

<body>

<script>
document.write(indirizzoweb());
</script>

</body>
</html>

In questo modo se cambio l'immagine e l'indirizzo web da puntare, nel file JS, la modifica si ripercuote "automaticamente" su tutte le pagine che chiamano la stessa funzione.

Ho letto il regolamento, quindi spero di non aver violato nulla, nel caso redarguitemi. Sarò grato a chi volesse commentare o aggiungere ulteriori suggerimenti.

Cerca

Cerca

[HTML] Immagini con link, uguali su tutte le pagine del sito

Regoleo

Nuovo Utente

Max 1

Super Moderatore

Regoleo

Nuovo Utente

Regoleo

Nuovo Utente

Discussioni simili