Lightbox & Images

{headline type=»h2″ style=»heading-single» text=»Lightbox» align=»text-center» color=»color-theme»} {spacer height=»20px»}

RokBox is a fully responsive Lightbox Plugin for the Joomla CMS. This very popular extension can showcase many different media formats such as images, videos, music, embedded widgets, Ajax content, and Joomla modules, all from a three-dimensional display. It also takes advantage of new technologies such as HTML5/CSS3. Details {icon name=»fa-chevron-circle-right»}

{spacer height=»30px»} {row} {col4} {image-overlay link=»images/sampledata/portfolio/13.jpg» image=»images/sampledata/lightbox/image.jpg» data=»data-rokbox-album=’gallery'»}

Image

{/col} {col4} {image-overlay link=»http://youtu.be/HjcPOZ_z3Ts» image=»images/sampledata/lightbox/youtube.jpg» data=»data-rokbox-album=’gallery'»}

YouTube Video

{/col} {col4} {image-overlay link=»http://vimeo.com/94502406″ image=»images/sampledata/lightbox/vimeo.jpg» data=»data-rokbox-album=’gallery'»}

Vimeo Video

{/col} {/row} {spacer height=»33px»} {row} {col4} {image-overlay link=»http://www.wikipedia.com» image=»images/sampledata/lightbox/iframe.jpg» data=»data-rokbox-album=’gallery'»}

iFrame

{/col} {col4} {image-overlay link=»https://maps.google.com/maps?q=stuttgart&hl=de&ie=UTF8&sll=37.0625,-95.677068&sspn=83.206395,191.513672&hnear=Stuttgart,+Baden-W%C3%BCrttemberg,+Deutschland&t=m&z=12″ image=»images/sampledata/lightbox/googlemap.jpg» data=»data-rokbox-album=’gallery'»}

Google Map

{/col} {col4} {image-overlay link=»http://open.spotify.com/user/w00fz/playlist/2OCzUYQMB93T19UAq8hGSK» image=»images/sampledata/lightbox/spotify.jpg» data=»data-rokbox-album=’gallery'»}

Spotify

{/col} {/row} {spacer height=»33px»} {row} {col4} {image-overlay link=»https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/153021129&color=ff5500&auto_play=true&hide_related=true&show_artwork=true&show_comments=false&show_user=true&show_reposts=false» image=»images/sampledata/lightbox/soundcloud1.jpg» data=»data-rokbox-album=’gallery’ data-rokbox-caption=’SoundCloud Player (small, with Autoplay)’ data-rokbox-size=’900 200′»}

SoundCloud (Small)

{/col} {col4} {image-overlay link=»https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/153021129&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true» image=»images/sampledata/lightbox/soundcloud2.jpg» data=»data-rokbox-album=’gallery’ data-rokbox-caption=’SoundCloud Player (large, without Autoplay)'»}

SoundCloud (Large)

{/col} {col4} {image-overlay link=»http://twitpic.com/e59kre» image=»images/sampledata/lightbox/twitpic.jpg» data=»data-rokbox-album=’gallery’ data-rokbox-caption=’This is a Image from TwitPic'»}

TwitPic

{/col} {/row} {toggle1 title=»Shortcode»}

{image-overlay image="small-image.jpg" link="large-image.jpg"}  {image-overlay image="small-image.jpg" link="http://youtu.be/HjcPOZ_z3Ts"}  {image-overlay image="small-image.jpg" link="http://vimeo.com/94502406"}  {image-overlay image="small-image.jpg" link="http://www.wikipedia.com"}  {image-overlay image="small-image.jpg" link="https://maps.google.com/maps?q=stuttgart&hl=de&ie=UTF8&sll=37.0625,-95.677068&sspn=83.206395,191.513672&hnear=Stuttgart,+Baden-W%C3%BCrttemberg,+Deutschland&t=m&z=12"}  {image-overlay image="small-image.jpg" link="http://open.spotify.com/user/w00fz/playlist/2OCzUYQMB93T19UAq8hGSK"}  {image-overlay image="small-image.jpg" link="soundcloud-iframe-link" data="data-rokbox-size='900 200'"}  {image-overlay image="small-image.jpg" link="soundcloud-iframe-link" data="data-rokbox-caption='SoundCloud Player (large, without Autoplay)'"}  {image-overlay image="small-image.jpg" link="http://twitpic.com/e59kre"}

{/toggle} {spacer height=»50px»} {headline type=»h2″ style=»heading-single» text=»Gallery 6 Columns» align=»text-center» color=»color-theme»} {spacer height=»20px»} {gallery columns=»6″} {gallery-image image=»images/sampledata/gallery/1.jpg» caption=»This is a optional Caption»} {gallery-image image=»images/sampledata/gallery/2.jpg»} {gallery-image image=»images/sampledata/gallery/3.jpg»} {gallery-image image=»images/sampledata/gallery/4.jpg»} {gallery-image image=»images/sampledata/gallery/5.jpg»} {gallery-image image=»images/sampledata/gallery/6.jpg»} {/gallery} {spacer height=»50px»} {headline type=»h2″ style=»heading-single» text=»Gallery 5 Columns» align=»text-center» color=»color-theme»} {spacer height=»20px»} {gallery columns=»5″} {gallery-image image=»images/sampledata/gallery/1.jpg» caption=»This is a optional Caption»} {gallery-image image=»images/sampledata/gallery/2.jpg»} {gallery-image image=»images/sampledata/gallery/3.jpg»} {gallery-image image=»images/sampledata/gallery/4.jpg»} {gallery-image image=»images/sampledata/gallery/5.jpg»} {gallery-image image=»images/sampledata/gallery/6.jpg»} {gallery-image image=»images/sampledata/gallery/7.jpg»} {gallery-image image=»images/sampledata/gallery/8.jpg»} {gallery-image image=»images/sampledata/gallery/9.jpg»} {gallery-image image=»images/sampledata/gallery/10.jpg»} {/gallery} {spacer height=»50px»} {headline type=»h2″ style=»heading-single» text=»Gallery 4 Columns» align=»text-center» color=»color-theme»} {spacer height=»20px»} {gallery columns=»4″} {gallery-image image=»images/sampledata/gallery/1.jpg» caption=»This is a optional Caption»} {gallery-image image=»images/sampledata/gallery/2.jpg»} {gallery-image image=»images/sampledata/gallery/3.jpg»} {gallery-image image=»images/sampledata/gallery/4.jpg»} {gallery-image image=»images/sampledata/gallery/5.jpg»} {gallery-image image=»images/sampledata/gallery/6.jpg»} {gallery-image image=»images/sampledata/gallery/7.jpg»} {gallery-image image=»images/sampledata/gallery/8.jpg»} {/gallery} {spacer height=»50px»} {headline type=»h2″ style=»heading-single» text=»Gallery 3 Columns» align=»text-center» color=»color-theme»} {spacer height=»20px»} {gallery columns=»3″} {gallery-image image=»images/sampledata/gallery/1.jpg» caption=»This is a optional Caption»} {gallery-image image=»images/sampledata/gallery/2.jpg»} {gallery-image image=»images/sampledata/gallery/3.jpg»} {gallery-image image=»images/sampledata/gallery/4.jpg»} {gallery-image image=»images/sampledata/gallery/5.jpg»} {gallery-image image=»images/sampledata/gallery/6.jpg»} {gallery-image image=»images/sampledata/gallery/7.jpg»} {gallery-image image=»images/sampledata/gallery/8.jpg»} {gallery-image image=»images/sampledata/gallery/9.jpg»} {/gallery} {spacer height=»50px»} {headline type=»h2″ style=»heading-single» text=»Gallery 2 Columns» align=»text-center» color=»color-theme»} {spacer height=»20px»} {gallery columns=»2″} {gallery-image image=»images/sampledata/gallery/1.jpg» caption=»This is a optional Caption»} {gallery-image image=»images/sampledata/gallery/2.jpg»} {gallery-image image=»images/sampledata/gallery/3.jpg»} {gallery-image image=»images/sampledata/gallery/4.jpg»} {/gallery} {spacer height=»40px»} {toggle1 title=»Shortcode»}

{gallery columns="4"}   {gallery-image image="image1.jpg"}   {gallery-image image="image2.jpg"}   {gallery-image image="image3.jpg"}   {gallery-image image="image4.jpg"} {/gallery}

{/toggle}

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

diez − seis =

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.