Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2014
    Messaggi
    3

    Problema con visualizzatore immagini

    Salve a tutti!
    Essendo nuovo nell'ambiente avrei bisogno di un piccolo aiuto per quanto riguarda un sito che sto cercando di creare..
    Ripeto, non essendo esperto nel settore mi sono affidato ad un template trovato su html5up.net ma devo cambiare una cosa.
    Non so infatti come togliere il visualizzatore immagini che mi appare ogni volta che premo su una foto.
    Vorrei solamente che mi aprisse un'altra pagina.
    Credo siano da modificare i file javascript ma non so nemmeno da dove iniziare.
    Vi lascio il link da dove poter scaricare e (vedere meglio perciò) tutto il materiale:
    http://html5up.net/parallelism

    Grazie mille dell'attenzione

    Stefano

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Modificare i js significherebbe riscrivere il tutto. Ho guardato molto velocemente, ma se togli la classe thumb (sui vari <article class="item thumb">, la miniatura dell'immagine fungerà da normale link. Dovrai poi apportare qualche modifica se vorrai la didascalia

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2014
    Messaggi
    3
    Grazie mille!
    Ho provato a dare un'occhiata in giro su come potrei aggiungere una didascalia (ad esempio con <figcaption>) ma non mi funziona...
    Non è che avresti una dritta da darmi?

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    la didascalia sulle miniature nella pagina originale è gestita da un h2 con posizionamento assoluto (vedi in style.css ".thumb h2"), basta aggiungere

    codice:
    .item h2
            {
                position: absolute;
                bottom: 0;
                left: 0;
                background: #1a1f2c;
                background: rgba(18,21,29,0.85);
                width: 100%;
                padding: 1em;
                font-weight: 300;
                line-height: 1em;
                z-index: 2;
            }
    e avrai il tuo testo in basso sulle immagini

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2014
    Messaggi
    3
    Grazie mille davvero! Gentilissimo!

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.