http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device Support Forum - Topic: Disable lightbox on mobile device en-US Thu, 23 May 2013 00:06:25 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device#post-97881 Thu, 21 Feb 2013 17:35:15 +0000 Devin 97881@http://www.kriesi.at/support/ <p>Hi alexthefunk,</p> <p>Sorry about that, hopefully we can help with any other questions or issues you have.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device#post-97800 Thu, 21 Feb 2013 10:59:56 +0000 alexthefunk 97800@http://www.kriesi.at/support/ <p>Hey Dude<br /> Thanks but it still does not work. I ll cope with that and I ll soon be coming with other questions anyway... </p> http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device#post-97380 Tue, 19 Feb 2013 07:09:33 +0000 Dude 97380@http://www.kriesi.at/support/ <p>You should be able to remove the links from images with following code - add it to js/avia.js after the jquery document.ready code line at the very top of the file:</p> <pre><code>var isMobile = jQuery.browser.mobile; if(isMobile) jQuery(&#39;.slideshow a&#39;).find(&#39;img&#39;).unwrap();</code></pre> <p>I'm not sure if the unwrap() function works on iphones/mobile devices but it's the only solution I'm aware of... </p> http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device#post-97349 Mon, 18 Feb 2013 22:36:03 +0000 alexthefunk 97349@http://www.kriesi.at/support/ <p>Hey Dude,<br /> Thanks but it does not quite work ... it now directly opens the images in a page. Is there a way to disable the media link on images while on mobile?<br /> Regards<br /> Alex </p> http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device#post-97178 Mon, 18 Feb 2013 07:20:12 +0000 Dude 97178@http://www.kriesi.at/support/ <p>Hey! </p> <p> I changed the code above a bit. Please try it again. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device#post-97078 Sat, 16 Feb 2013 21:43:48 +0000 alexthefunk 97078@http://www.kriesi.at/support/ <p>Hi Dude,</p> <p>Thanks for the answer although it does not seem to be working (I have refreshed/reset all browsers/devices and also tried with "false" instead of "true" just in case ....)</p> <p>The developer of the plugin I am using in this page told me to replace:</p> <p>autolinkElements: 'a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href$=".mov"] , a[href$=".swf"] , a[href*="vimeo.com"] , a[href*="youtube.com"] , a[href*="screenr.com"]'</p> <p>by</p> <p>autolinkElements: div:not(.justified-image-grid) a[rel^="prettyPhoto"]</p> <p>but then the lightbox is not working at all on any pages of the website not using the justified-image-grid plugin... so that is not an option!</p> <p>Any ideas?<br /> Thanks</p> <p>Alex </p> http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device#post-96883 Fri, 15 Feb 2013 07:36:35 +0000 Dude 96883@http://www.kriesi.at/support/ <p>Open up wp-content/themes/flashlight/js/avia.js and at the very bottom of the file insert the code from here: <a href="http://detectmobilebrowsers.com/download/jquery" rel="nofollow">http://detectmobilebrowsers.com/download/jquery</a></p> <p>Then replace following line:</p> <pre><code>if(jQuery.fn.avia_activate_lightbox)</code></pre> <p>with:</p> <pre><code>var isMobile = jQuery.browser.mobile; if(jQuery.fn.avia_activate_lightbox &amp;&amp; !isMobile)</code></pre> <p>and:<br /> <pre><code>if(jQuery.fn.avia_activate_hover_effect)</code></pre> <p>with:<br /> <pre><code>if(jQuery.fn.avia_activate_hover_effect &amp;&amp; !isMobile)</code></pre> http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device#post-96633 Wed, 13 Feb 2013 23:39:06 +0000 alexthefunk 96633@http://www.kriesi.at/support/ <p>Hi,</p> <p>Although I like the lightbox, I am not very keen with it on mobile device and would like to disable it when the user is on iPad / ios<br /> Would you be so nice that you have a bit of code for me to put in the avia.js?</p> <p>(I have tried the suggestion from this topic but it did not work: <a href="http://www.kriesi.at/support/topic/angular-replace-prettyphoto-lightbox-with-raygun-mobile-gallery-slider)" rel="nofollow">http://www.kriesi.at/support/topic/angular-replace-prettyphoto-lightbox-with-raygun-mobile-gallery-slider)</a></p> <p>Regards<br /> Alex </p>