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

Regoleo

Nuovo Utente
27 Set 2018
3
0
1
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?
 
Ultima modifica di un moderatore:

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
@Regoleo
Da regolamento del forum, come tutti noi sei tenuto ad usare il tag
code.gif
quando posti del codice, oppure la funzione codice dalla barra degli strumenti
box inserisci 2.png.JPG

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:
  1. In un file esterno JS metti una funzione che assegni l'indirizzo web
  2. Richiami il file esterno in tutte le pagine
  3. Nel div metti la regola JS onclick che richiama la funzione JS
 

Regoleo

Nuovo Utente
27 Set 2018
3
0
1
Chiedo scusa e grazie per la risposta. Per l'avvenire prometto di leggere più attentamente il regolamento. e di attenermici.
 

Regoleo

Nuovo Utente
27 Set 2018
3
0
1
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.
 
Discussioni simili
Autore Titolo Forum Risposte Data
L [HTML] Problemino con le immagini di sfondo HTML e CSS 4
G [HTML] Problemi con inserimento immagini HTML e CSS 7
Monz94 [Javascript] [HTML] Creare Checkbox o Radio con Immagini Javascript 0
M [HTML] Slideshow immagini con effetto FADE HTML e CSS 2
L [HTML] Aiuto con immagini random HTML e CSS 1
R Immagini html HTML e CSS 2
Andrea_Ventura [HTML] Realizzazione di un layout dinamico di immagini HTML e CSS 4
M [HTML] Problema visualizzazione immagini su dispositivi HTML e CSS 4
G [HTML] Refresh immagini cam ip HTML e CSS 13
M [wordpress-galleria immagini]Inserire classe php in html PHP 0
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
V [PHP] [HTML] pubblicare immagini wxtoimg su sito web PHP 17
M [HTML] Ottimizzazioni immagini per Google Site Optimization HTML e CSS 1
S [Javascript] Slider html: Mostrare immagini su 4 colonne Javascript 20
V [HTML] impedire il ridimensionamento delle immagini zoom browser HTML e CSS 11
ANDREA20 [HTML] galleria immagini HTML e CSS 2
S [HTML] Problema immagini verticali che si visualizzano capovolte HTML e CSS 3
9 caricare immagini in tabella html da cartella sul server tramite id database PHP 1
S Se voglio far scorrere le immagini dello sfondo di una pagina (oviamente html) come faccio? HTML e CSS 1
Devil-94 Javascript: script che permetta di inserire immagini in un certo elemento html. Javascript 2
B Consiglio per servizi di conversione PSD/immagini --> HTML Webdesign e Grafica 0
S codice html per immagini visitate HTML e CSS 2
A codice html al posto delle immagini in una finestra di scorrimento Javascript 0
L [HTML] Spazio tra immagini se vado a capo nel codice HTML e CSS 5
G visualizzare immagini dinamiche dentro html PHP 2
G Come non far scaricare immagini da sito html Javascript 5
L Tag HTML per aggiunta immagini in TextArea Flash 1
J Codici HTML popup immagini? HTML e CSS 6
B link a immagini esterne a wwwroot (era: html) HTML e CSS 7
P html e immagini HTML e CSS 9
G Pagina html in stringa PHP 2
E Sostituzione Elemento Html PHP 3
G Elementi HTML HTML e CSS 1
K Visualizzare del html responsive in una Webview Sviluppo app per Android 0
T Domanda valutazione html LinkedIn 2022 pt3 HTML e CSS 7
T Domanda valutazione html LinkedIn 2023 pt2 HTML e CSS 15
T Domanda valutazione html LinkedIn 2023 pt1 HTML e CSS 1
MarcoGrazia Salvataggio HTML in database PHP 2
K posizionare variabile da pagina html all'iframe. Javascript 1
peppe0703 Come Estrarre dati da db wordpress e richiamarli in html esterno HTML e CSS 0
L problema collegamento file css con html HTML e CSS 1
D Informazioni da XAMPP su HTML PHP 0
K File audio in html, chi mi può aiutare? HTML e CSS 0
K Aiuto con file audio in html HTML e CSS 1
Antonio67 Lanciare file shell bash da html HTML e CSS 2
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
G Codice html Javascript 1
M Collegamento tra form html e script php PHP 4
L Ricezione dei dati su file php da modulo html PHP 6
F Creare elementi html con javascript Javascript 3

Discussioni simili