[Plugin: NextGEN Scroll Gallery] Scaling – on other screens/ipad

  • Resolved Cjcornell2

    (@cjcornell2)


    12 years, 4 months ago

    soooo…

    I just tweaked my website so it will recognize iPad screens and other mobile screen (through @media/responsive structure)

    everything works great except scrollgallery.

    so how would one make a typical scrollgallery shortcode/screen scale for the ipad?.

    I guess I could really hack away at the CSS but I’d rather do this through some shortcode argument (hoping!) or have someone point out the exact css hacks.

    ultimately I’d like to see the equivalent of:

    [scrollGallery id=4 width=600 height=600]

    for regular browsers and 

    [scrollGallery id=4 width=350 height=350]

    (for example) for smaller / ipad screens

    or even better, there would be some argument that said “scale=true” or scale=.7 or something …. indicating that the scrollgallery ‘window’ would scale down or up if the screen size were changed.

    Suggestions?

    http://wordpress.org/extend/plugins/nextgen-scrollgallery/

Viewing 5 replies - 1 through 5 (of 5 total)
  • metaglyphics

    (@metaglyphics)

    11 years, 11 months ago

    Did you ever figure this out?

    Thanks.

    Thread Starter Cjcornell2

    (@cjcornell2)

    11 years, 11 months ago

    No. in fact when I went to check on it … the plugin now appears to be broken (does weird things – like no longer can I click thumbnails) … all my plugins are updated .. so I have no idea. About to replace it …

    metaglyphics

    (@metaglyphics)

    11 years, 11 months ago

    I think it can be down entirely by overriding the CSS. I’ve added the styles below to my theme’s CSS.

    Your may be slightly different, but this might give you some clues…

    .scrollgallery .imageareaContent .caption_container div { background:none !important;  margin-bottom:0 !important; text-align:center}
  .scrollgallery .scrollGalleryHead { margin-top:0 !important;}
  .caption_container img { margin-top:0 !important; margin-bottom:48px !important; padding-top: 0 !important; padding-bottom: 0 !important}
  .scrollGalleryHead { padding-left: 0 !important}
  .scrollGalleryHead img { width:100% !important; height:auto !important}

  .scrollGalleryFoot { margin:0 10px 0 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }
  .scrollgallery .imageareaContent .caption_container div { right:0 !important; margin-top:-20px !important}

    @media only screen and (min-width: 300px) and (max-width: 1200px) {

	  .scrollgallery { width:auto !important;}

	}
    Thread Starter Cjcornell2

    (@cjcornell2)

    11 years, 11 months ago

    Thanks!

    Plugin Author Benedikt Mo

    (@bmodesign2)

    11 years, 11 months ago

    wow, interesting solution. I developed a js based resizing. http://scrollgallery2.mashitup.de/

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: NextGEN Scroll Gallery] Scaling – on other screens/ipad’ is closed to new replies.