Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Didascalie su foto

  1. #1

    Didascalie su foto

    Un cordiale saluto a tutti. Sto preparando delle pagine web per alcuni miei compagni di scuola. Ho inserito delle foto (un piccolo collage) e le ho fuse in una singola jpg.
    Chiedo gentilmente ai più esperti: c'è un modo per avere delle didascalie che descrivono brevemente, al passaggio del mouse, le singole foto che fanno parte del collage?
    Grazie a tutti e buona serata
    Invio2000

  2. #2
    prova a usare una map. dipende pero' dall'effetto che vuoi ottenere. se non sbaglio hai bisogno di javascript per qualcosa di bello. tempo fa avevo trovato una guida ma a quanto pare non c'è piu' fra i bookmarks. se ci sono novita' ti faccio sapere.

  3. #3
    Utente di HTML.it L'avatar di Gunn
    Registrato dal
    Feb 2006
    Messaggi
    370
    io il collage lo farei con i css... usando il posizionamento relativo e lo z-index
    così mantieni l'accessibilità e ti viene più facile lavorare sulle descrizioni usando js

    esempio (fatto molto alla buona)

    Codice PHP:
    <style type="text/css">
    img.showdescription{width:150px;border:3px #2B77A6 solid;}
    </style>

    <
    div style="width:500px;margin:0 auto;text-align:center;">
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    [
    img]BRM 006.jpg[/img]
    <
    div id="thedescription"></div>
    </
    div>

    <
    script type="text/javascript">
    var 
    immagini document.getElementsByTagName("img");
    var 
    descrizione document.getElementById("thedescription");
    for(
    m=0immagini.lengthm++)
    if(
    immagini[m].className == "showdescription")
    immagini[m].onmouseover = function(){descrizione.innerHTML this.title;}
    immagini[m].onmouseout = function(){descrizione.innerHTML "";}
    </script> 
    -10 points to SCLERO high top class [definition of SCLERO HIGH TOP CLASS: 90 random kills]

  4. #4
    Vi ringrazio per le solleciti risposte, ma non sono molto esperto di html, spero di non osare, c'è modo di avere degli esempi dai quali posso ricavare le dritte necessarie?
    Grazie e scusate
    Invio2000

  5. #5
    Originariamente inviato da gabip87
    tempo fa avevo trovato una guida ma a quanto pare non c'è piu' fra i bookmarks. se ci sono novita' ti faccio sapere.
    eccola: frankmanno.com

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.