Shadowbox: ventanas modales multimedia – Abogado

Shadowbox es un clon deLightbox, pero a diferencia de éste no sólo sirve para visualizar imágenes en ventanas modales,sino también páginas web, archivos en flash, galerías, mapas, y videos en varios formatos de distintos servicios.

Implementarlo es bastante sencillo, primero descargaeste archivo, descomprímelo y sube los archivos a unhosting.

Luego entra enPlantilla | Edición de HTMLL y pega antes de/head lo siguiente:

link href='URL del archivo.css' rel='stylesheet' type='text/css'/
script src='URL del archivo.js' type='text/javascript'/
script type='text/javascript'
Shadowbox.init({
overlayColor: "#000",
overlayOpacity: "0.6",
});
/script

Cambia lo que está encolor verde por las URL de los archivos que subiste, en el primero va la URL del achivoshadowbox.css y en el segundo la delshadowbox.js

Con esto ya tenemos todo lo necesario para que Shadowbox funcione, ahora sólo hay que poner el atributorel="shadowbox" dentro del código del elemento, por ejemplo:

Imagen

a href="URL de la imagen" rel="shadowbox" title="Imagen"Imagen/a

Galería de imágenes

a href="URL de la imagen" rel="shadowbox[galeria1]" title="Imagen"Imagen 1/a
a href="URL de la imagen" rel="shadowbox[galeria1]" title="Imagen"Imagen 2/a

YouTube

a rel="shadowbox;width=405;height=340;" title="YouTube" href="http://www.youtube.com/v/CCwVb9Faxdc&rel=0&autoplay=1"YouTube/a

Vimeo

a rel="shadowbox;width=405;height=340;" title="Vimeo" href="http://vimeo.com/moogaloop.swf?clip_id=8711928&autoplay=1"Vimeo/a

Video Google

a href="http://video.google.com/googleplayer.swf?docid=-1941725100819420671&autoplay=1&hl=es&fs=true" title="Video Google" rel="shadowbox;width=405;height=340"Video Google/a

Archivo SWF

a rel="shadowbox;width=400;height=300" title="SWF" href="URL del archivo.swf"Animación SWF/a

Página Web

a rel="shadowbox;width=700;height=500" title="Página web" href="URL de la página"Página web/a

Mapa

a rel="shadowbox;width=425;height=350" title="Mapa" href="URL del mapa"Mapa Google/a

Cambia la URL de la imagen, del mapa, del archivo o de la página web, según corresponda.
En el caso de los videos sólo hay que agregar donde está en color rojo la ID del video, esa aparece al final de la dirección del video.

Como ven, en el atributo rel="shadowbox" también se han añadido unos parámetros,width=405 es el ancho del reproductor o página web yheight=340 es el alto.
En el caso de las galerías de imágenes se agrega entre corchetes el nombre de la galería, por ejemplorel="shadowbox[galeria1]"

Respecto al color de la pantalla cuando está en ventana modal puede cambiarse en el primer código que pegamos antes de /head donde está encolor azul,overlayColor es el color de la pantalla, yoverlayOpacity es la intensidad de la opacidad del color, un número más bajo hace más transparente el color.

En todos los casos no se mostrará una imagen en miniatura como en mis ejemplos sino que se mostrará un enlace de texto, si quieres que también sean miniaturas en lugar del texto sólo busca la parte del código que estexto subrayado y cámbialo por este código:

img style="width:150px; height:100px;" src="URL de la imagen" /

Ahí deberás poner la URL de la imagen que quieres que aparezca en miniatura, no es automático así que habrá que hacerlas manualmente.

Sin duda Shadowbox es un sistema de ventanas modales bastante completo en el que podremos presentar distintos archivos multimedia de forma más dinámica y elegante.

Descargar | archivos Shadowbox
Enlace | Shadowbox

CAR INSURANCE QUOTES MN Met Auto buy structured settlements Italian cooking school Online casino mesothelioma symptoms structured settlement brokers DONATE YOUR CAR SACRAMENTO Business VOIP Solutions Personal Injury Lawyers Psychic for free Casino Car Donate Donate Car to Charity California Best social media platforms for business Best criminal lawyer in Arizona Social media management DUI lawyer new mexico mesothelioma lawyer PHD on Counseling Education Auto Accident Attorney cheap auto insurance in va Dayton Freight Lines MET AUTO Insurance michigan motorcycle accident lawyer Make money online Australia Criminal Defense Attorneys Florida california law lemon life insurance quotes mesothelioma law suit houston tx auto insurance Forensics online course Hire php developers auto insurance cost by state best mesothelioma lawyers donate old cars to charity Social media platforms for business Mobile casino Seo services mesothelioma care small business administration sba mesothelioma attorney assistance Html email structered settlement selling my structured settlement Custom Christmas cards REGISTER FREE DOMAINS EMAIL BULK SERVICE Social media strategies car insurance quotes colorado refinance with poor credit Php programmers Casino reviews Live casino asbestos mesothelioma lawsuit Criminal lawyer Paperport Promotional Code Criminal lawyer Miami car insurance companies la personal injury lawyer Donate a Car in Maryland Hire php programmers Seo company FUTURISTIC ARCHITECTURE Donate Cars in MA holland michigan college Futuristic Architecture WordPress hosting Dwi lawyer cash out annuity Donate Car To Charity CALIFORNIA WordPress theme designers Structures Annuity Settlement Best Seo company Service business software Social media campaigns Php programmers for hire Criminal defense lawyer average mesothelioma settlement mesothelioma drug Custom WordPress theme designer WordPress themes for designers Mortgage Adviser PHD IN COUNSELING EDUCATION MOTOR REPLACEMENTS car insurance in south dakota new york mesothelioma law firm tucson car accident attorney Hire php developer Bankruptcy lawyer automobile accident attorney Auto Mobile Shipping Quote fast cash for house Computer science classes online dallas mesothelioma attorneys maritime lawyer houston Seo companies HOME PHONE INTERNET BUNDLE New social media platforms DONATE OLD CARS TO CHARITY car insurance quotes mn Business finance group CAR INSURANCE QUOTES PA selling annuity Social media platforms data recovery raid hosted predictive dialers Car Insurance Companies Personal Injury Law Firm NEUSON CAR ACCIDENT LAWYERS Low Credit Line Credit Cards AUTO ACCIDENT ATTORNEY workers compensation lawyer los angeles