[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.396
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
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 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 2
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
W visualizzare solo file html e sottocartelle di una cartella PHP 1
C Dopo chiusura del tag php la stringa html va a capo PHP 1
G img html HTML e CSS 3
M Come fare un countdown in HTML? HTML e CSS 4
D Stampa a video in altra pagina html Database 3
A inserire variabile php colore in div html PHP 2
F Tv in html Offerte e Richieste di Lavoro e/o Collaborazione 1
N Script elenco file HTML HTML e CSS 5
L salvare codice html in mysql PHP 3
Cosina htaccess redirect 301 senza estensione html Web Server 6
E Errore di lettura php in html PHP 8
M HTML e PHP Offerte e Richieste di Lavoro e/o Collaborazione 3
C Form email php su pagina index.html? PHP 21
Shyson Meglio Javascript o HTML? Javascript 4
P inserimento icone social tramite html HTML e CSS 1
Z Mod_rewrite da HTML in PHP PHP 3

Discussioni simili