Codice HTML per estendere le immagini per un sito web

Collego immagini grandi

Il modo basilare per usare il codice HTML per ingrandire l'immagine è fondamentalmente collegare ogni immagine grande ad una versione più piccola di essa, chiamata "miniatura". Quando i lettori fanno clic su una piccola immagine, caricheranno grandi sullo schermo per tornare alla pagina precedente, utilizzare il pulsante "Indietro" nel browser. Questo codice fa uso di tag HTML e .

benefici

Ci sono molti vantaggi nel collegare immagini di grandi dimensioni attraverso l'uso di miniature. Poiché le immagini di grandi dimensioni non sono direttamente incluse nel sito Web, ogni pagina viene caricata più rapidamente, riducendo il rischio che i visitatori abbiano connessioni lente e perdendo la pazienza, generando così la decisione di visitare un sito diverso. Inoltre, gli utenti decideranno da soli se desiderano caricare immagini più grandi invece di essere imposte e soprattutto per coloro che utilizzano connessioni con limiti di download, così come coloro che pagano per la loro connessione a seconda della quantità da scaricare . Questi utenti non superano il limite in modo che non debbano pagare denaro extra se non lo desiderano.

considerazioni

Il codice di base è basato sui visitatori che utilizzano il pulsante "Indietro" per tornare a dove si trovavano. Questo potrebbe confondere alcuni utenti che potrebbero chiudere la finestra contenente l'immagine grande e quindi non c'è modo di tornare alla pagina precedente. Un'alternativa è quella di aprire ogni immagine grande in una nuova finestra, sebbene ciò possa confondere gli utenti nello stesso modo in cui potrebbero non realizzare l'apertura della finestra e chiedersi perché il loro pulsante "Indietro" non funzioni. Un'altra alternativa è creare un file HTML per ogni immagine più grande e un link a questo file HTML invece di andare direttamente all'immagine. Ciò consente di includere un collegamento che riconduce alla pagina precedente con ciascuna immagine, ottenendo semplicità nella navigazione.

alternative

Sia CSS che JavaScript offrono modi per ingrandire le immagini sulla stessa pagina invece di costringere l'utente a navigare attraverso una nuova. Lo svantaggio di questo metodo è che si basa sull'inclusione di immagini di grandi dimensioni all'interno della pagina che sono nascoste finché l'utente non interagisce con le miniature. Se una serie di immagini si trova sulla pagina, ciò che aumenta è il tempo di caricamento della pagina in modo esponenziale. Tuttavia, questo metodo potrebbe non funzionare per gli utenti che visitano la tua pagina con un vecchio browser o dai loro smartphone.