Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1

    immagini in miniatura al passaggio del mouse

    Non so se questa è la sezione giusta, in caso di errore mi scuso XD

    Volevo sapere se esiste un modo per visualizzare una immagine in miniatura al passaggio del mouse sopra una stringa di testo ....
    Ad esempio se volessi mettere in un sito vari titoli di film e fare in modo che uno passandoci sopra col mouse faccia apparire una piccola miniatura della locandina ....
    Spero si sia capito .....

    Se esiste potreste buttarmi giù un codice e spiegarmi un poco

    Grazie

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,972

    Re: immagini in miniatura al passaggio del mouse

    Originariamente inviato da RevivedPicard

    Se esiste potreste buttarmi giù un codice e spiegarmi un poco

    Grazie

    Ciao e benvenuto

    Che cosa hai provato a fare?
    Posta un link in cui vedere il codice che ti dà problemi.

    Grazie
    ISSlive , un bot per Telegram per trovare tutti i passaggi visibili della Stazione Spaziale Internazionale.

  3. #3
    In realtà non ho ancora provato a fare niente, solo che ho visto questo "strumento" su un sito di carte Magic (non so se posso linkare a terzi) e le loro miniature si appoggiano ad un noto sito di compravendita carte e quindi questo sito offre questa possibilità, ma solo dopo averne fatto richiesta e a particolari condizioni ....
    Io avevo pensato di fare una cosa simile appoggiandomi su un sito che è completamente "open" e che quindi non detta restrizioni

    Tutto qua ... volevo sapere come si può fare e se si può fare, dalla parte tecnica

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,972
    Originariamente inviato da RevivedPicard
    In realtà non ho ancora provato a fare niente, solo che ho visto questo "strumento" su un sito di carte Magic (non so se posso linkare a terzi) e le loro miniature si appoggiano ad un noto sito di compravendita carte e quindi questo sito offre questa possibilità, ma solo dopo averne fatto richiesta e a particolari condizioni ....
    Io avevo pensato di fare una cosa simile appoggiandomi su un sito che è completamente "open" e che quindi non detta restrizioni

    Tutto qua ... volevo sapere come si può fare e se si può fare, dalla parte tecnica

    non avendo capito esattamente che effetto cerchi ti do' un'idea generale di come farne uno a livello base:

    codice:
    <a href="#">titolo del film 
        <span>[img]percorso/alla/locandina.jpg[/img]</span>
    </a>
    
    
    a > span { display: none; }
    a:hover > span { display: block; }
    ISSlive , un bot per Telegram per trovare tutti i passaggi visibili della Stazione Spaziale Internazionale.

  5. #5
    così ad occhio mi sembra di avere capito ....
    ti metto il link al sito così capisci che intendo (passa sopra ad una qualsiasi carta a questo link)

    spero di aver chiarito ....

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,972
    l'effetto in questione richiede javascript (la locandina si sposta assieme al mouse)
    quindi sposto nel forum javascript
    ISSlive , un bot per Telegram per trovare tutti i passaggi visibili della Stazione Spaziale Internazionale.

  7. #7
    si beh non era tanto l'effetto di spostamento ad interessarmi quanto più il concetto che appaia la locandina .....

  8. #8
    nessuno????

  9. #9
    Utente di HTML.it L'avatar di sgogghy
    Registrato dal
    Sep 2010
    Messaggi
    237
    Questo può essere un esempio:
    codice:
    <div class="element">
    titolo del film 
        <span></span>
    </div>
    <div class="element">
    titolo del film 
        <span></span>
    </div>
    <div class="element">
    titolo del film 
        <span></span>
    </div>
    <div class="element">
    titolo del film 
        <span></span>
    </div>
    
    <STYLE>
    span{display:none;position:absolute;top:0px;left:120px;z-index:+100;}
    .element{position:relative;width:120px;}
    .element:hover span{display:block;}
    </style>

  10. #10
    a leggerlo sembra corretto lo proverò e ti farò sapere grazie mille !!!!

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 © 2020 vBulletin Solutions, Inc. All rights reserved.