Visualizzazione dei risultati da 1 a 6 su 6

Discussione: sito zoomabile

  1. #1

    sito zoomabile

    ciao a tutti, ho fatto una sitemap del mio blog in jpeg, una immagine di 16000 px per 22000 px zoomabile con zoom.it contenente tutti i post
    http://zoom.it/WqZBZ


    Solo che è poco usabile perchè immagine, allora sto provando a farla in html


    http://gradiniemappe.freehostia.com/zoom.html

    adesso mi sono fermato allo zoom: quale codice html o stratagemma potrei usare per poter zoomare una pagina web -oppure un qualche navigatore per spostarmi all'interno della pagina-? Grazie delle risposte

  2. #2
    Puoi giocare con il CSS, usando zoom e le trasformazioni "scale": http://www.css3files.com/transform/#comp2 - io l'ho fatto in un'iframe e funge alla grande

  3. #3
    grazie, ci mettero' un po' perche' sono parecchio negato lato codice Non mi faresti vedere il tuo iframe per farmi un'idea

  4. #4
    Questo sistema io lo uso ad esempio su http://mob.is.it/showsite?s_id=42&no...tp://mob.is.it (non ho intenzione di spammare ma ovviamente se i moderatori lo considerano spam lo rimuovano pure...)

    Se vedi in testa al "telefono" di destra c'è uno slider che cambia il livello di zoom dell'iframe in quel telefono lì semplicemente lavorando sulle trasformazioni. In sostanza ad ogni cambio dello slider (che è un plugin jQuery) faccio una cosa tipo:
    codice HTML:
    zoom: 0.5;
    -moz-transform: scale(0.5); -moz-transform-origin: 0 0;
    -o-transform: scale(0.5); -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0;
    (ovviamente cambiando il livello di zoom per ogni step... )

  5. #5
    cavoli che spettacolo

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    Quote Originariamente inviata da html5today Visualizza il messaggio
    i moderatori lo considerano...
    ...approved!

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.