none
Thumbnail di un PDF che su rollover mostra un immagine ingrandita del pdf RRS feed

  • Domanda

  • Asp.Net WEB FORMS

    EF  LINQ

    VS 2012

    MS SQL SERVER EXPRESS

    Ciao

    per creare una thumbnails- preview di un pdf scaricabile, utilizzo da diverso tempo la seguente libreria free:Pdfthumbnail.NET

    http://www.tallcomponents.com/pdfthumbnail-versions.aspx

    Il cliente, mi ha chiesto di mettere un effetto abbastanza comune sul web, un effetto di rollover che genera un ingrandimento al volo dell' immagine.

    ad esempio:http://host.sonspring.com/hoverbox/

    Ho cercato con poca fortuna una libreria che faccia entrambe le cose. 

    Ho anche pensato di creare un controllo custom. Posto il codice per completezza:

    using System.Web;
    
    using System.Web.UI.WebControls;
    using TallComponents;
    using TallComponents.Web.PDF;
    
    
    
    namespace Ag
    {
        public class PDFThumbsCustom : Thumbnail
        {
    
    
    
            protected override void AddAttributesToRender(System.Web.UI.HtmlTextWriter writer)
            {
                writer.AddAttribute("rel", "gb_page[]");
                base.AddAttributesToRender(writer);
                
            }
        }
    }

    ma senza risultati.

    Vi chiedo se conoscete un controllo che fa al caso mio o che possa essere customizzato.

    Grazie in anticipo

    Giulio

    domenica 4 novembre 2012 11:11

Risposte

  • ciao il tooltip (ce ne sono migliaia di versioni) di base non fà altro che visualizzare nel posto corretto, tipicamente in alto a destra rispetto al puntatore mouse, un div che in origine è hidden, poi diventa visibile e gli vengono settate le coordinati dove apparire, poi gli viene scritto dentro quello che è il messaggio da visualizzare

    Questo comportamento di base lo puoi realizzare anche tu con un pò di css e javascript.

    Ma il div in questione è sempre quello.

    Ora il trucco è ficcarci dentro a quel div  la tua ancora con l'immagine dentro. Anche questo con un pò di javascript lo puoi fare facilmente.

    con i tooltip di jquery puoi immagino specificare l'html che deve comparire dentro, ancora di più puoi effettuare chiamate ajax, ma con il primo approccio di avere già pronte le thumb. ajax probabilmente non ti serve

    • Contrassegnato come risposta Hornet1970 lunedì 5 novembre 2012 13:36
    lunedì 5 novembre 2012 10:38

Tutte le risposte

  • l'effetto hover lo potresti ottenere con un tooltip di jquery, ora viene il problema del thumbnail pdf

    - o quando credi (o in qualche modo ottieni) il pdf originale, produci subito la thumbnail e allora con il tooltip di jquery al mouse over mostri quello

    - oppure lo devi fare a runtime, ma credo che in questo caso avrai una certa lentezza

    lunedì 5 novembre 2012 07:03
  • ciao,

    si enntrambe sono ottime soluzioni. ma il problema è dove e come metterlo all' interno del controllo il tooltip.

    il controllo indicato nel link, nella pagina aspx è:

    <tc:thumbnail ID="Thumbnail4"  path='<%# "Public/"+ Eval("Percorso") %>' url='<%# "Public/"+ Eval("Percorso") %>'  index="1"  runat="server" Width="92px" Height="130px" DPI="10" /> 


    il controllo produce il seguente html:

    <a href="Public/XXXXXX.pdf">

    <img src="pdfthumbnail.aspx?index=1&path=Public%2fXXXXXXX.pdf&dpi=10&borderwidth=1&bordercolor=808080&highquality=False&defaultfont=" border="0" />

    </a>

    per questo pensavo di creare un controllo custom derivato applicando a quest' ultimo nuovi attributi(tooltip ad esempio)

    ma non ci riesco...

    ciao e grazie ancora...

    Giulio

    lunedì 5 novembre 2012 09:19
  • ciao il tooltip (ce ne sono migliaia di versioni) di base non fà altro che visualizzare nel posto corretto, tipicamente in alto a destra rispetto al puntatore mouse, un div che in origine è hidden, poi diventa visibile e gli vengono settate le coordinati dove apparire, poi gli viene scritto dentro quello che è il messaggio da visualizzare

    Questo comportamento di base lo puoi realizzare anche tu con un pò di css e javascript.

    Ma il div in questione è sempre quello.

    Ora il trucco è ficcarci dentro a quel div  la tua ancora con l'immagine dentro. Anche questo con un pò di javascript lo puoi fare facilmente.

    con i tooltip di jquery puoi immagino specificare l'html che deve comparire dentro, ancora di più puoi effettuare chiamate ajax, ma con il primo approccio di avere già pronte le thumb. ajax probabilmente non ti serve

    • Contrassegnato come risposta Hornet1970 lunedì 5 novembre 2012 13:36
    lunedì 5 novembre 2012 10:38
  •  o quando credi (o in qualche modo ottieni) il pdf originale, produci subito la thumbnail e allora con il tooltip di jquery al mouse over mostri quello

    In effetti è la scelta migliore...ma non riesco a trovare una libreria per  produrre una thumbnail(in jpg) dal pdf originale uplodato sul server..puoi aiutarmi?

    Grazie 1000!!

    venerdì 11 gennaio 2013 13:19