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 !
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