Page 1 of 1

imagevue in wordpress and mobile theme

Posted: 01 Jul 2012, 03:50
by VDF
after searching the forum i still could'nt find an answer, but forgive me if i've missed something.

i want to integrate imagevue into wordpress. i know how to set up both, but i'm wondering what the best way for integrating/embedding the gallery is. i'm not looking for the plugin.

besides that, is the mobile theme for imagevue still working when i've integrated my flash gallery in wordpress?

thanks in advance

Re: imagevue in wordpress and mobile theme

Posted: 01 Jul 2012, 09:49
by mjau-mjau
VDF wrote:i want to integrate imagevue into wordpress. i know how to set up both, but i'm wondering what the best way for integrating/embedding the gallery is. i'm not looking for the plugin.
Basically you just need to embed the "imagevue2.swf" file into your wordpress page. If can do this with traditional <embed> code, or you can use some SWF embed plugin also. After embedding, it should work, although we would recommend optimizing the style of the gallery to suit a tighter embed (since its not using 100% browser stage).
VDF wrote:besides that, is the mobile theme for imagevue still working when i've integrated my flash gallery in wordpress?
For full utilization of the imagevue ecosystem (sharing, colorbox, mobile redirection), you would need to add some JS to the <head> of your document:
Code
<link href="iv-includes/assets/css/imagevue.flash.css" rel="stylesheet" type="text/css" />
<link href="iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="iv-includes/assets/js/swfobject.js"></script>
<script type="text/javascript" src="iv-includes/assets/js/swfaddress.js"></script>
<script type="text/javascript" src="iv-includes/assets/js/swfmacmousewheel.js"></script>
<script type="text/javascript" src="iv-includes/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="iv-includes/assets/js/jquery.c.js"></script>
<script type="text/javascript" src="iv-includes/assets/js/functions.js"></script>
<script type="text/javascript" src="iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>
<script type="text/javascript">
		// <![CDATA[

			var url = "/?mobile=1"; // <-  link to the imagevue root folder goes here for mobile redirect 

			if (navigator.userAgent.match(/iPhone|iPad|iPod|android|bada|blackberry|phone|mobile/i)) window.location = url;

			$(window).load(function () {
				$.getScript('http://s7.addthis.com/js/250/addthis_widget.js#pubid=imagevue&domready=1', function () {
					addthis.init();
					top.showAddThis = function(url, title, color, back_color, cobrand) {
						window.addthis_share = {
							templates: {twitter: '{{title}} - {{url}}'}
						}
						window.addthis_config = {
							ui_header_color: color,
							ui_header_background: back_color,
							ui_cobrand: cobrand,
							services_exclude: 'print',
							ui_use_css: false,
							data_track_clickback: true
						};
						addthis_open(document.body, "more", url, title);
					}
				});
			});
		// ]]>
</script>
You would need to append the correct relative (or root-relative paths), and some of the scripts certainly are optional.