Image & Video Shortcodes
Inline Images
The following is a shortcode that displays inline images…
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
Nunc porta porta neque ac rhoncus. Cras placerat mauris in nisl hendrerit laoreet. Nam arcu turpis, tincidunt at adipiscing a, pretium eget augue. Proin aliquet, diam in fermentum convallis, diam justo imperdiet justo, sed pulvinar erat diam nec sapien. Etiam placerat nunc ut purus feugiat blandit. Etiam non consectetur eros. Nam placerat est sed est auctor et faucibus sem viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris pulvinar velit ac ipsum luctus luctus. Nam eu ante quis tortor interdum viverra eget vehicula quam.
Phasellus posuere venenatis nulla vel gravida. Suspendisse elementum, metus ut suscipit fringilla, dolor nisl viverra erat, eget luctus nisi erat eu nunc. Aliquam tincidunt porttitor libero, vel tempus diam rutrum quis. Nam hendrerit ornare purus, in convallis erat placerat dictum. Quisque tincidunt dui odio, ultrices scelerisque libero. Donec arcu dui, luctus at rutrum nec, porttitor quis felis. Cras lobortis odio quis dui vehicula vel rutrum ipsum lobortis. Nullam mollis, nisi eu tempus facilisis, justo sapien mattis nisl, nec vehicula mauris nulla eget eros. Morbi lacus tortor, pulvinar nec condimentum condimentum, interdum eu ipsum. Etiam a orci purus. Nulla adipiscing pellentesque ultrices. Suspendisse vel sem libero, in tempor libero. Aliquam molestie lacus vel libero pharetra id adipiscing nibh lobortis.
[inlineimage path="/public/web/wordpress-themes/shared/inline-image2.jpg" border="true" orientation="right" class="myClass" alt="Fountain"]
Pop-Up
The following shows how to display a pop-up image using link text…
You can display the text inline like this, click here to open and then continue your text after this…
The following shows how to display a pop-up image using a thumbnail…
You can also display a video in a popup…click here to watch the video in inline text
And you can also show video in a popup as well…
Shortcode Usage: [popup path="/public/web/wordpress-themes/shared/cherry-blossom.jpg"]Click here to open[/popup] [popup path="/public/web/wordpress-themes/shared/cherry-blossom.jpg"] [image path="/public/web/wordpress-themes/shared/cherry-blossom-thumbnail.jpg" alt="Cherry Blossoms" class="slickHoverZoom" border="true"] [/popup]
Pop-Up Gallery
The following shows how you can create a pop-up gallery with a mix of video and images…
Shortcode Usage: [popupgallery path="http://www.youtube.com/watch?v=bh8mOqPUh7U" name="gallery1"] [image path="/public/web/wordpress-themes/shared/palm-trees.jpg" alt="Palm Trees" border="true"] [/popupgallery] [popupgallery_item path="/public/web/wordpress-themes/shared/rain-leaf.jpg" name="gallery1"]
HTML5 Video
You can add HTML5 video…
Shortcode Usage:
[video oggpath="http://video-js.zencoder.com/oceans-clip.ogv" webmpath="http://video-js.zencoder.com/oceans-clip.webm" mp4path="http://video-js.zencoder.com/oceans-clip.mp4" previewimage="http://video-js.zencoder.com/oceans-clip.png"]
Vimeo Video
You can add Vimeo video as well. All video is responsive and works on mobile devices!
Shortcode Usage:
[vimeo path="http://player.vimeo.com/video/1084537" width="600" height="264"]
YouTube Video
You can also add YouTube video. All video is responsive and works on mobile devices!
Shortcode Usage:
[youtube path="http://www.youtube.com/embed/BoqCcHQZlWw" width="600" height="264"]