• Resolved Joy

    (@joyously)


    I just tried version 1.0 and I get the white background as mentioned previously: http://wordpress.org/support/topic/white-box

    The bxslider has the white background in the CSS for .bx-wrapper .bx-viewport, and when I untick the plugin option to show the box with shadow, 3 out of 4 CSS properties for .bx-wrapper .bx-viewport are output, but the background color is not. I suggest you use
    .bx-wrapper .bx-viewport {background-color:inherit}
    for all cases.

    I chose Fade transition, but it doesn’t seem to fade (or maybe it’s so fast I can’t see the fade). And when I choose Vertical, it’s a bit choppy.

    I’m using Mozilla and just noticed that when I drag my window to a new size, the slideshow is responsive(Yay!), but the script stopped changing the images. Even clicking on the Prev/Next arrows did nothing. The same thing worked fine on your demo page.

    https://wordpress.org/plugins/folder-slider/

Viewing 15 replies - 1 through 15 (of 25 total)
  • Thread Starter Joy

    (@joyously)

    One more thing I noticed is that the Speed option only allows integers.

    Thread Starter Joy

    (@joyously)

    Oh, and since the option for the shadows is controlled by a single CSS file with a generic selector, having it as a parameter on the shortcode means that the first slider on a page that doesn’t want shadows will affect all other sliders on the page.

    Plugin Author vjalby

    (@vjalby)

    Joy, thanks for all these comments.
    – Show shadow box is a global option. you cannot change it in short code (but I may try to fix that!)
    – Speed must be an integer. Do you really need milliseconds ?
    – I will try your suggestion for background-color.
    – Fade/Vertical transitions work great in my Firefox 29 (mac). No problem when resizing. Maybe it’s related to you theme?

    Thread Starter Joy

    (@joyously)

    I didn’t see anything in the documentation for the shadow being global only. It seems like it should be an option per slider.

    I obviously did want to use a float for the speed, since I found it easily. I wanted 3.5 instead of 3. It’s an easy change from using intval to floatval.

    The background color fix does work…I put it in my test page.

    A different test with the same browser (and theme) gave me different results. The fade and vertical transitions worked fine. I don’t know what was happening on the one that was weird.

    Plugin Author vjalby

    (@vjalby)

    Sorry for the delay…

    You can download a beta of 1.1 here.

    It includes
    – your background color fix
    – speed as float (still in seconds)
    – shadow option per slider
    – bx-slider 4.1.2 that fixes several weird things

    Tell me how it works. Thanks!

    Thread Starter Joy

    (@joyously)

    The background color fix looks good until I try to add the shadow. Then there is a 5px white border with a faint light gray shadow. The problem is that the border and shadow are on the viewport, not the image and since the image can be smaller than the viewport, it looks awful.
    See screenshot here, which has a content area of 675px and images that are 650px. The shortcodes used:

    [folderslider folder="wp-content/uploads/tour" shadow=true]
    [folderslider folder="wp-content/uploads/tour" width=650]

    I didn’t want to have to put the width on there, but if I didn’t it’s not centered and the caption background is wider than the image and the right arrow is off the image (unlike the left arrow).

    Plugin Author vjalby

    (@vjalby)

    I assume you use pictures of different width ? It seems bxslider requires pictures with same width !

    Thread Starter Joy

    (@joyously)

    Yes, they are all 650px.

    Plugin Author vjalby

    (@vjalby)

    Joy, I cannot reproduce the bug. It may be related to the theme CSS. If the test site is available online, send me the URL. Thanks.

    Thread Starter Joy

    (@joyously)

    It apparently needs a big enough window to give the image room to expand.
    I put it on a site I’m building, and made the sidebar small so it’s obvious. If you don’t see it, make your window wider.
    http://caldwellhort.com/wp/about/

    Plugin Author vjalby

    (@vjalby)

    Got it! Actually, it’s a SliderBx bug/feature… The best workaround is to set the width in the short code. But, I’ve change the behavior of “width=0” (default) option. It will now set the width of the slider to the width of the first picture in slider. (If the pictures have different width, they will be resized). Could you try this new version available here ?

    Thanks !

    Thread Starter Joy

    (@joyously)

    I tried it first on my local test site, which I had switched to an older theme. It looks like it is still having the problem there, and in addition the image captions extend past the image. Screenshot is here.

    When I put the new version on the site I posted before, it looks fine, even the captions.

    What I don’t understand is why call it a shadow when it’s a border and almost invisible shadow? Can you get rid of the white border and just do a more visible shadow?

    Plugin Author vjalby

    (@vjalby)

    Difficult to know what’s happen on you local test site. Maybe a CSS problem.

    I don’t know why the option is called shadow. Maybe from bxSlider. Anyway, it’s just a CSS hack. You can change it as you want in your own CSS.

    I will try to improve it… but I first need 2 weeks vacations, starting tomorrow !

    Back in august !

    Vincent

    Thread Starter Joy

    (@joyously)

    I loaded the same old theme from my local site to the site previously mentioned, and it is showing the same problem. Not only is the “shadow” bigger than the image, but the caption is also and the pause button is covered up. I made no change to the slider shortcodes.
    This old theme has a max-width of 640px on images, instead of a percentage. That’s causing the problem, since it causes the gap between the image and the viewport, and the caption has width:100%.
    The pause button has bottom:-30px, so it makes sense it would be covered by the second slider, but it was not covered with the other theme.

    I suggest you either make the shadow option look like a shadow, or rename it to border. Obviously, people can change their own CSS, but the plugin option should be consistent with its name.

    Plugin Author vjalby

    (@vjalby)

    I will try to add 3 styles (none, border and shadow). Anyway, I need to work a bit more to this width issues. Hope you can wait when I come back in august.

    Vincent

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘white background, Fade?, show stopping’ is closed to new replies.