Support Forum - Topic: Mobile Lightbox

Support Forum - Topic: Mobile Lightbox http://www.kriesi.at/support/topic/mobile-lightbox Support Forum - Topic: Mobile Lightbox en-US Sun, 26 May 2013 04:25:50 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Kriesi on "Mobile Lightbox" http://www.kriesi.at/support/topic/mobile-lightbox#post-47163 Tue, 20 Mar 2012 16:37:05 +0000 Kriesi 47163@http://www.kriesi.at/support/ Hey Guys! I have already contacted the author of the lightbox, since this is not a theme but ratehr a lightbox issue, having problems with the responsive meta tags that control the mobile device layout. I will keep you posted on updates ;) Cheers Kriesi Edit: Just received an answer from Stéphane, the creator of the lightbox: <blockquote> Good news for you, I do plan on making it work on mobile devices. I am currently working on a new version which is a complete code rewrite to make prettyPhoto compatible in HTML5 / CSS3. You can see the current codebase here: <a href="https://github.com/scaron/prettyphoto/tree/4.0" rel="nofollow">https://github.com/scaron/prettyphoto/tree/4.0</a> The code itself is stable, it supports all the feature the old version supported. It's only missing a pretty theme and I need to finish the mobile support implementation. As of right now, I do not know of any solution to support mobile on the older version. I really had to rewrite prettyPhoto to be able to handle such cases. I'll let you know once it's done. </blockquote> This means once the new lightbox has a skin and is fully tested we will update the theme to make them work fine on mobile devices! Dude on "Mobile Lightbox" http://www.kriesi.at/support/topic/mobile-lightbox#post-46413 Thu, 15 Mar 2012 09:02:26 +0000 Dude 46413@http://www.kriesi.at/support/ Hey! I asked Kriesi to look into it because we got some requests like this one and I'd like to have a "clean" solution here. Regards, Peter mambo-mayer on "Mobile Lightbox" http://www.kriesi.at/support/topic/mobile-lightbox#post-45850 Mon, 12 Mar 2012 14:07:03 +0000 mambo-mayer 45850@http://www.kriesi.at/support/ hi, here it is: <a href="http://www.monomayer.com" rel="nofollow">http://www.monomayer.com</a> cheers Dude on "Mobile Lightbox" http://www.kriesi.at/support/topic/mobile-lightbox#post-45819 Mon, 12 Mar 2012 08:29:26 +0000 Dude 45819@http://www.kriesi.at/support/ Hi! Can you post a link please? Regards, Peter mambo-mayer on "Mobile Lightbox" http://www.kriesi.at/support/topic/mobile-lightbox#post-45765 Sun, 11 Mar 2012 20:04:39 +0000 mambo-mayer 45765@http://www.kriesi.at/support/ 1. I tried (question b) but nothing changed. what did i do wrong? 2. i have a big main slideshow on my start page. when it comes to the mobile version i would prefer no slideshow since it becomes as small as the thumbs. how can i make the main slideshow disapear only for the mobile version? propagandalabs on "Mobile Lightbox" http://www.kriesi.at/support/topic/mobile-lightbox#post-44096 Wed, 29 Feb 2012 21:02:03 +0000 propagandalabs 44096@http://www.kriesi.at/support/ Haven't tried but thanks for the fast response! Dude on "Mobile Lightbox" http://www.kriesi.at/support/topic/mobile-lightbox#post-44011 Wed, 29 Feb 2012 11:17:58 +0000 Dude 44011@http://www.kriesi.at/support/ Hey, all options of the lightbox are listed here: <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/" rel="nofollow">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/</a> I think in this case you can only use "allow_resize: false" to deactivate the resizing function. Open up js/avia.js and replace following line: <pre><code>elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });</code></pre> with: <pre><code>elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, allow_resize: false, overlay_gallery:false, default_width: ww, default_height: wh });</code></pre> You can also try to remove the default_width/height parameters from this line. 2) You can try to identify mobile browsers with following code. <pre><code>if (jQuery(window).width() < 768){ jQuery('body').addClass("mobile"); }</code></pre> I'd add the code to js/avia.js after following line: <pre><code>jQuery(document).ready(function(){</code></pre> Then you need to change the lightbox activation code in js/avia.js from: <pre><code>//activates the prettyphoto lightbox if(jQuery.fn.avia_activate_lightbox) jQuery('body').avia_activate_lightbox(); //activates the hover effect for image links if(jQuery.fn.avia_activate_hover_effect) jQuery('body').avia_activate_hover_effect();</code></pre> to: <pre><code>//activates the prettyphoto lightbox if(jQuery.fn.avia_activate_lightbox) jQuery('body').not('mobile').avia_activate_lightbox(); //activates the hover effect for image links if(jQuery.fn.avia_activate_hover_effect) jQuery('body').not('mobile').avia_activate_hover_effect();</code></pre> propagandalabs on "Mobile Lightbox" http://www.kriesi.at/support/topic/mobile-lightbox#post-44000 Wed, 29 Feb 2012 09:24:05 +0000 propagandalabs 44000@http://www.kriesi.at/support/ Lightbox mobile behaves horribly: on first tap a slide opens to a much smaller image (confusing to user), then the user has to click the lightbox expand "X" button (top right) that looks exactly like the close "X" (confusing), then it opens the same size image as was in the original slide??? Pointless and confusing to humans. How do we: A) Bypass the first-level mobile lightbox image size, kill that expand "X" and go straight to its largest image available? B) Entirely turn off lightbox just for mobile?