Cómo insertar un pdf en una web

Bueno, evidentemente están los métodos de usar lectores de revistas etc, y podemos poner un icono con un pdf para que se descarge, pero en este caso queremos incrustarlo (embed) en la página para que se lea.

El código es sencillo en html:

Captura de pantalla de 2013-06-11 18:41:08

Donde ruta es la ruta del fichero (donde esté en Internet) y evidentemente los parámetros de anchura y altura pueden cambiarse, así como el aviso de “It appears…”.
Esto es con código html, también puedes hacerlo con Javascript, para lo que necesitas descargar un fichero java como http://pdfobject.com/  (descargar el js aquí).

Esto es lo que básicamente funciona. En pdfobject tenéis un generador de código: http://pdfobject.com/generator.php que os puede ayudar con muchas opciones sobre cómo abrir el pdf y demás.

Nota: No perdáis el tiempo en intentar ajustar el pdf al contenedor (div, iframe etc). Parece ser que las instrucciones que están ahí (Fit, FitB etc), funcionaban antes en IE pero los navegadores actuales no les hacen ni caso.

Otra opción interesante es pasar todo el pdf a imágenes y usar un slideshow para pasarlas.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s