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}

Posted on by GM in Features Leave a comment

Add a Comment