Alter Mobile display

Hi Dan did you enable the following option Enable responsiveness (Shrink slideshow’s width when page’s width shrinks) under the Display Settings.

Regards

Yes, I did and that works fine to shrink the slideshow but I still see 6 small slides, a miniature of what I see on a desk top monitor. What I want to do is to display 6 images on a desktop and 1 on an iphone so that the 1 on the iphone is larger. What code can I edit to show that?

Dan

In plugins/slideshow-jquery-image-gallery/classes/SlideshowPluginSlideshowSettingsHandler.php around line 315

It says

// Get settings. Since in version 2.2.X slides aren’t put into views yet, this has to be done manually
$settings = SlideshowPluginSlideshowSettingsHandler::getSettings($slideshowId, false, $enableCache);
$slidesPerView = 1;

if(isset($settings[‘slidesPerView’]))

{
$slidesPerView = $settings[‘slidesPerView’];
}

By editing this to say:

// Get settings. Since in version 2.2.X slides aren’t put into views yet, this has to be done manually
$settings = SlideshowPluginSlideshowSettingsHandler::getSettings($slideshowId, false, $enableCache);

$slidesPerView = 4;

I can manually set the number of slides to show on one slider. I have tried several different ways to have this page determine what size the devise is using code like:

if (screen.width <= 699) {

$slidesPerView = 1; }

else

{

$slidesPerView = 4; }

but everything I try has been a complete failure.

Can anyone point me in the right direction?

Thanks,

Dan

Hi Dan thank you for reporting back. Your suggestion is great. Stefan Boonstra the plugin author will have to look into your idea further. At the present you could try the following site stactoverfolow. There are many coders in this site that help anyone with question about WordPress, plugins, themes and other CMS systems.

Regards

dan1974 > thank you for the idea. I made it work with this:

$useragent=$_SERVER['HTTP_USER_AGENT'];

      if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))

        {
            $slidesPerView = 1;
        } else $slidesPerView = $settings['slidesPerView'];