WordPress.org

Ready to get started?Download WordPress

Forums

WP Supersized
Disable on iPad, Tablet, Mobile (19 posts)

  1. jhample
    Member
    Posted 1 year 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 1 year ago #

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

  3. hakerdesign
    Member
    Posted 1 year ago #

    i would like to know this to

    cant wait 4 a solution

  4. Heiko Mamerow
    Member
    Posted 1 year 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 1 year 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. Aleksandar Perisic
    Member
    Posted 1 year 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. Aleksandar Perisic
    Member
    Posted 1 year ago #

  8. hakerdesign
    Member
    Posted 1 year 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 year ago #

    @hakerdesign

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

  10. kmb@deam.org
    Member
    Posted 1 year 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. Aleksandar Perisic
    Member
    Posted 1 year 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 year 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. Aleksandar Perisic
    Member
    Posted 1 year ago #

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

  14. Sefmi
    Member
    Posted 1 year 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.

  15. ArneRobot
    Member
    Posted 10 months ago #

    Hello Sefmi,

    I can't get this solution to work. Can you provide me with your exact code please. I need to figure this out!

    Thank you!
    Arne

  16. UltraMarathonEER
    Member
    Posted 10 months ago #

    Yeah, the plugin crashes safari on iphone and ipad...android's work fine however. Can I just disable for mobile or can this be fixed?

  17. UltraMarathonEER
    Member
    Posted 10 months ago #

    I ended up using Heiko Mamerow's suggestion above...put the #supersized {display: none !important;} in my mobile css file in a few different places as it's responsive for multiple sizes and it works. No more crashing!

    Admin function for this would be great in the future. I absolutely LOVE this plugin otherwise.

  18. ArneRobot
    Member
    Posted 10 months ago #

    Thanks for your answer "UltraMarathonEER"! But as Heiko Mamerow points out, the large images will still be loaded and not displayed, which is absolutely mobile unfriendly.

    An emergency solution but not really a clean one.

  19. ArneRobot
    Member
    Posted 10 months ago #

    I just thought of another solution:

    1. Install "Supersized" as a normal JavaScript Slideshow and call it from your WP header.

    2. Write a function to make "Supersized" generate dynamic slides and not use statically coded/listed ones.

    3. Make the Slideshow use your WP picture-upload-folder as a the location to pull the slideshow images.

    This way you could just tie the JavaScript to your desktop theme and fully ignore it in your mobile one. You could deinstall the whole "WP Supersized" plugin.

    This solution though lacks the ability to administrate the slideshow from within WordPress.

    Has anyone pulled this trick yet?

    Thanks, Arne

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic