WordPress.org

1. jhample
   Member
   Posted 3 months ago #
   

   I'd like to turn off / disable Supersized on iPad and Mobile Devices. It would be great if this could be auto-detected. Can this be done? If so, how?

   http://wordpress.org/extend/plugins/wp-supersized/

2. alimacca
   Member
   Posted 3 months ago #
   

   I would like this too. I think it would be a really useful function!

3. hakerdesign
   Member
   Posted 3 months ago #
   

   i would like to know this to

   cant wait 4 a solution

4. Heiko Mamerow
   Member
   Posted 2 months ago #
   

   Hi all,

   me to - wish, we can disable supersized on smaller screens.

   Meanwile i use this workaround:

   I) Put this in your base css:
   #supersized {display: none !important;}

   II) Put this in your css for bigger screens:
   #supersized {display: block !important;}

   ...this will help

   Last: If you don't like the dark background on smaller screens, change the background-color in your base css - e.g. white:
   body {background: #fff !important;}

   Okokok - this workaround wont stop loading the images etc. its only stop displaying... ;-)

5. hakerdesign
   Member
   Posted 2 months ago #
   

   hi this solution
   is partial
   i idid it also
   but the mobile website

   is still loading pictures which makes it
   very heavy for mobile

   the best solution is to disable the plugin in some way

   that way on mobile the content will be light weight with no unnecessary
   scrips on the background

   we need to wait for a proper solution from the author

   tnx

6. apsolut
   Member
   Posted 2 months ago #
   

   i think normal solution would be,

   if (Modernizr.touch){
      // bind to touchstart, touchmove, etc and watch <code>event.streamId</code>
   } else {
      // bind to normal click, mousemove, etc
   }

   with modernizr , coz $browser detect in jquery is deprecated, but the problem is :

   The Modernizr.touch test only indicates if the browser supports touch events, which does not necessarily reflect a touchscreen device. For example, Palm Pre / WebOS (touch) phones do not support touch events and thus fail this test.

   or something like this:
   http://detectmobilebrowsers.com/

   and just remove the jquery scripts or supersized DIV with jquery <script>$("#divname").removeClass("blue");</script>

7. apsolut
   Member
   Posted 2 months ago #
   

   Useful links:

   https://github.com/serbanghita/Mobile-Detect
   https://github.com/kaimallea/isMobile

   Choose theme (your theme) for mobile:
   1. http://wordpress.org/extend/plugins/any-mobile-theme-switcher/
   2. http://wordpress.org/extend/plugins/wp-mobile-detector/

8. hakerdesign
   Member
   Posted 1 month ago #
   

   hi
   somebody got a solution
   fro disabling supersize function on mobile/ipad

   not only hide it
   with a display:none

   thanks

9. Sherwin Techico
   Member
   Posted 1 month ago #
   

   @hakerdesign

   Check out @apsolut's links and code-solution. Those should do it.

10. kmb@deam.org
    Member
    Posted 1 month ago #
    

    I use the http://detectmobilebrowsers.com/ and my hack is a change of the WPSupersized.php:
    Add an if within the addHeaderCode()-function after "<script type="text/javascript">" like this:
    if(!jQuery.browser.mobile) {

    And close it right before "</script>"

    An admin-option would be nice :)

11. apsolut
    Member
    Posted 1 month ago #
    

    $.browser is deprecated in jQuery 1.3 , and removed from jquery 1.9, and thats bad for future..

    Jquery.com

12. hakerdesign
    Member
    Posted 1 week ago #
    

    hi
    i have a probelm with the plugin on ipad 3 from some reason
    it crashes everytime i load the page
    that has a lot of pictures like 80

    what may be the probelm
    and how can i solve it

    the probelm happens only on ipad 3

    thanks

13. apsolut
    Member
    Posted 6 days ago #
    

    2much of images, as i remember on ipad3 , the memory is problem, can you reduce number images and try?

14. Sefmi
    Member
    Posted 3 days ago #
    

    The solution I found was to add this function to your functions.php file within the mobile theme, and then call it from the header file (I called it above all the style sheet registration statements)

    function my_deregister_wpsupersized() {
    		wp_deregister_style('supersized');
    		wp_deregister_style('supersized_core');
    		wp_deregister_style('supersized_flickr');
    		wp_deregister_style('supersized_theme_css');
    		wp_deregister_style('supersized_admin_jquery_ui');
    		wp_deregister_script('WPSupersized_standard');
    		wp_deregister_script('WPSupersized_core');
    		wp_deregister_script('WPSupersized_flickr');
    		wp_deregister_script('WPSupersized_picasa');
    		wp_deregister_script('WPSupersized_smugmug');
    		wp_deregister_script('WPSupersized_date');
    		wp_deregister_script('WPSupersized_theme_js');
    		wp_deregister_script('WPSupersized_theme_visible_tray_js');
    		wp_deregister_script('jquery_easing');
    		wp_deregister_script('jquery_easing_compatibility');
    		wp_deregister_script('jquery_animate_enhanced');
    }

    You can find the registered scripts and styles inside the file plugins>wp-supersized>includes>WPSupersized.php and then the initialize() function. You'd probably need to update your my_deregister_wpsupersize() function when you update WPSupersized when it has future releases.

Reply

You must log in to post.